/*!
Theme Name: Yeni Tema
Theme URI: http://akadigma.com
Author: ƎK
Author URI: https://barida.net
Description: Akademik Dergi Teması
Version: 3.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: akademik_tema
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Akademik Dergi Temasi is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
}

body {
 margin: 0;
}

main {
 display: block;
}

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}

pre {
 font-family: monospace, monospace;
 font-size: 1em;
}

a {
 background-color: transparent;
}

abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted;
}

b,
strong {
 font-weight: bolder;
}

code,
kbd,
samp {
 font-family: monospace, monospace;
 font-size: 1em;
}

small {
 font-size: 80%;
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -0.25em;
}

sup {
 top: -0.5em;
}

img {
 border-style: none;
}

button,
input,
optgroup,
select,
textarea {
 font-family: inherit;
 font-size: 100%;
 line-height: 1.15;
 margin: 0;
}

button,
input {
 overflow: visible;
}

button,
select {
 text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
 -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}

fieldset {
 padding: 0.35em 0.75em 0.625em;
}

legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}

progress {
 vertical-align: baseline;
}

textarea {
 overflow: auto;
}

[type="checkbox"],
[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
 height: auto;
}

[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}

details {
 display: block;
}

summary {
 display: list-item;
}

template {
 display: none;
}

[hidden] {
 display: none;
}

*,
*::before,
*::after {
 box-sizing: inherit;
}

html {
 box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
 color: #404040;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 font-size: 1rem;
 line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 clear: both;
}

p {
 margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
 font-style: italic;
}

blockquote {
 margin: 0 1.5em;
}

address {
 margin: 0 0 1.5em;
}

pre {
 background: #eee;
 font-family: "Courier 10 Pitch", courier, monospace;
 line-height: 1.6;
 margin-bottom: 1.6em;
 max-width: 100%;
 overflow: auto;
 padding: 1.6em;
}

code,
kbd,
tt,
var {
 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}

mark,
ins {
 background: #fff9c0;
 text-decoration: none;
}

big {
 font-size: 125%;
}

body {
 background: #fff;
}

hr {
 background-color: #ccc;
 border: 0;
 height: 1px;
 margin-bottom: 1.5em;
}

ul,
ol {
 margin: 0 0 1.5em 3em;
}

ul {
 list-style: disc;
}

ol {
 list-style: decimal;
}

li > ul,
li > ol {
 margin-bottom: 0;
 margin-left: 1.5em;
}

dt {
 font-weight: 700;
}

dd {
 margin: 0 1.5em 1.5em;
}

embed,
iframe,
object {
 max-width: 100%;
}

img {
 height: auto;
 max-width: 100%;
}

figure {
 margin: 1em 0;
}

table {
 margin: 0 0 1.5em;
 width: 100%;
}

a {
 color: #4169e1;
}

a:visited {
 color: #800080;
}

a:hover,
a:focus,
a:active {
 color: #191970;
}

a:focus {
 outline: thin dotted;
}

a:hover,
a:active {
 outline: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 border: 1px solid;
 border-color: #ccc #ccc #bbb;
 border-radius: 3px;
 background: #e6e6e6;
 color: rgba(0, 0, 0, 0.8);
 line-height: 1;
 padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
 border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
 border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
 color: #666;
 border: 1px solid #ccc;
 border-radius: 3px;
 padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
 color: #111;
}

select {
 border: 1px solid #ccc;
}

textarea {
 width: 100%;
}

.main-navigation {
 display: block;
 width: 100%;
}

.main-navigation ul {
 display: none;
 list-style: none;
 margin: 0;
 padding-left: 0;
}

.main-navigation ul ul {
 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 float: left;
 position: absolute;
 top: 100%;
 left: -999em;
 z-index: 99999;
}

.main-navigation ul ul ul {
 left: -999em;
 top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
 display: block;
 left: auto;
}

.main-navigation ul ul a {
 width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
 left: auto;
}

.main-navigation li {
 position: relative;
}

.main-navigation a {
 display: block;
 text-decoration: none;
}

.menu-toggle,
.main-navigation.toggled ul {
 display: block;
}

@media screen and (min-width: 37.5em) {

 .menu-toggle {
 display: none;
 }

 .main-navigation ul {
 display: flex;
 }
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
 margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
 display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
 flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
 text-align: end;
 flex: 1 0 50%;
}

.sticky {
 display: block;
}

.post,
.page {
 margin: 0 0 1.5em;
}

.updated:not(.published) {
 display: none;
}

.page-content,
.entry-content,
.entry-summary {
 margin: 1.5em 0 0;
}

.page-links {
 clear: both;
 margin: 0 0 1.5em;
}

.comment-content a {
 word-wrap: break-word;
}

.bypostauthor {
 display: block;
}

.widget {
 margin: 0 0 1.5em;
}

.widget select {
 max-width: 100%;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}

.custom-logo-link {
 display: inline-block;
}

.wp-caption {
 margin-bottom: 1.5em;
 max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.wp-caption .wp-caption-text {
 margin: 0.8075em 0;
}

.wp-caption-text {
 text-align: center;
}

.gallery {
 margin-bottom: 1.5em;
 display: grid;
 grid-gap: 1.5em;
}

.gallery-item {
 display: inline-block;
 text-align: center;
 width: 100%;
}

.gallery-columns-2 {
 grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
 grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
 grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
 grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
 grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
 grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
 grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
 grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
 display: block;
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
 display: none;
}

.infinity-end.neverending .site-footer {
 display: block;
}

.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
}

.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 clip-path: none;
 color: #21759b;
 display: block;
 font-size: 0.875rem;
 font-weight: 700;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}

#primary[tabindex="-1"]:focus {
 outline: 0;
}

.alignleft {

 float: left;

 margin-right: 1.5em;
 margin-bottom: 1.5em;
}

.alignright {

 float: right;

 margin-left: 1.5em;
 margin-bottom: 1.5em;
}

.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1.5em;
}

.anasayfa-container {
 display: grid;
 grid-template-columns: 1fr; 
 gap: 30px; 
}

@media (min-width: 768px) {
 .anasayfa-container {

 grid-template-columns: 0.8fr 2fr 1fr;
 }
}

.makale-detay-container {
 display: grid;
 grid-template-columns: 1fr; 
 gap: 30px;
}

@media (min-width: 768px) {
 .makale-detay-container {

 grid-template-columns: 2fr 1fr;
 }
}

.widget-area .widget-title {
 font-size: 18px;
 font-weight: bold;
 color: #333;
 border-bottom: 2px solid #f0f0f0;
 padding-bottom: 10px;
 margin-bottom: 15px;
}

.makale-ozeti .entry-title a {
 text-decoration: none;
 border-bottom: none;
}
.makale-ozeti .entry-title a:hover {
 color: #0073aa; 
}

.makale-yazarlari {
 font-size: 14px;
 color: #555;
 margin-top: 5px;
}

.makale-listesi .makale-ozeti {
 padding: 25px 0; 
 margin: 0;

 border-bottom: 1px solid #e6e6e6; 
}

.makale-listesi .makale-ozeti:last-child {
 border-bottom: none;
 padding-bottom: 0;
}

.makale-listesi .makale-ozeti:first-child {
 padding-top: 0;
}

.makale-ozeti .entry-title {
 font-size: 1.25rem; 
 margin-top: 0;
 margin-bottom: 8px;
 font-weight: 600; 
}

.makale-ozeti .makale-yazarlari {
 font-size: 0.9rem; 
 font-style: italic; 
 color: #555;
 margin-bottom: 15px;
}

.makale-konulari {
 margin-top: 10px; 
}

.konu-etiketi {

 display: inline-block;
 background-color: #f0f0f0; 
 color: #444; 
 padding: 4px 10px; 
 margin: 0 5px 5px 0; 
 font-size: 12px;
 border-radius: 3px; 
 text-decoration: none; 
 border: 1px solid #e0e0e0; 
}

.konu-etiketi:hover {
 background-color: #e5e5e5;
 color: #000;
}

.makale-detay-container .entry-title {
 font-size: 2rem; 
 margin-top: 0;
 margin-bottom: 10px;
 line-height: 1.3;
}

.makale-detay-container .makale-meta {
 font-size: 0.95rem; 
 color: #333;
 background: #f9f9f9; 
 border: 1px solid #eee;
 padding: 15px;
 margin-bottom: 25px;
 border-radius: 4px;
}
.makale-meta .makale-yazarlari {
 margin-bottom: 8px;
}

.pdf-indirme {

 margin: 25px 0;
 padding: 12px 18px;
 background: #f0f0f0;
 border: 1px solid #ddd;
 border-radius: 4px;
 transition: all 0.2s ease-in-out;
}
.pdf-indirme a {
 font-weight: bold;
 text-decoration: none;
 color: #333;
 font-size: 1.1rem; 
}
.pdf-indirme:hover {
 background: #e5e5e5;
 border-color: #ccc;
}

.makale-detay-container .entry-content {
 margin-top: 30px;
 line-height: 1.7; 
}
.makale-detay-container .entry-content h2 {

 font-size: 1.5rem; 
 font-weight: 600;
 border-bottom: 2px solid #f0f0f0;
 padding-bottom: 10px;
}

#makale-sidebar .widget {
 border: 1px solid #e0e0e0;
 padding: 20px;
 margin-bottom: 25px;
 background: #fff;
 border-radius: 3px;
}
#makale-sidebar .widget-title {

 margin-top: 0;
}

.widget_atif_yap .atif-blogu {
 margin-bottom: 15px;
}
.widget_atif_yap .atif-blogu:last-child {
 margin-bottom: 0;
}
.widget_atif_yap .atif-blogu strong {
 font-size: 14px;
 color: #111;
}

.widget_atif_yap .atif-blogu textarea {

 width: 100%;
 font-size: 13px;
 margin-top: 5px;
 padding: 8px;
 border: 1px solid #ccc;
 background: #fdfdfd;
 border-radius: 3px;
 box-sizing: border-box; 
 resize: vertical; 
}

.arsiv-listesi {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.arsiv-listesi li {
 border-bottom: 1px dashed #ccc;
 padding: 10px 0;
}
.arsiv-listesi li:last-child {
 border-bottom: none;
}
.arsiv-listesi li a {
 text-decoration: none;
 color: #333;
}
.arsiv-listesi li a:hover {
 color: #0073aa;
}

.makale-sayi-bilgisi {
 font-size: 0.8rem; 
 font-weight: bold;
 color: #E67E22; 
 text-transform: uppercase; 
 margin-bottom: 5px;
 letter-spacing: 0.5px; 
}

.makale-sayi-bilgisi a {
 color: inherit; 
 text-decoration: none;
}

.makale-sayi-bilgisi a:hover {
 text-decoration: underline;
}

.makale-sayi-bilgisi + .entry-title {
 margin-top: 0;
}

body,
button,
input,
select,
textarea {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 line-height: 1.6;
}



.site-title {
 margin: 0;
 font-size: 1.5rem;
}
.site-description {
 margin: 0;
 font-size: 0.85rem;
 color: #777;
}


.footer-widgets {
 background-color: #2c3e50; 
 color: #ecf0f1;
 padding: 40px 15px;
}

.footer-widgets-container {
 max-width: 1200px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: 1fr; 
 gap: 30px;
}

@media (min-width: 768px) {
 .footer-widgets-container {
 grid-template-columns: repeat(4, 1fr); 
 }
}

.footer-widgets .widget-title {
 color: #fff;
 font-size: 1rem;
 font-weight: bold;
 border-bottom: 1px solid #34495e;
 padding-bottom: 10px;
}

.footer-widgets ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.footer-widgets ul li {
 margin-bottom: 8px;
}
.footer-widgets ul li a {
 color: #bdc3c7; 
 text-decoration: none;
}
.footer-widgets ul li a:hover {
 color: #fff;
}
.footer-widgets .textwidget { 
 color: #bdc3c7;
}

.site-info {
 background-color: #23313f; 
 color: #7f8c8d;
 font-size: 13px;
 padding: 20px 15px;
 text-align: center;
}
.site-info a {
 color: #95a5a6;
 text-decoration: none;
}

body {
 background-color: #f5f5f5; 
}

body,
.makale-detay-container .entry-title,
.makale-yazarlari,
.makale-doi,
.entry-content,
.widget-title,
.arsiv-listesi li a {
 color: #333; 
}

#makale-sidebar .widget {
 border: 1px solid #e0e0e0;
 padding: 20px;
 margin-bottom: 25px;
 background: #fff; 
 border-radius: 3px;
}

#makale-sidebar .widget-title {
 color: #333;
 border-bottom: 2px solid #f0f0f0;
}

.arsiv-listesi li a::before {
 content: '❯'; 
 margin-right: 10px;
 color: #E67E22; 
 font-weight: bold;
 font-size: 14px;
}

.arsiv-listesi li {
 padding: 10px 5px; 
}

.arsiv-listesi li a {
 text-decoration: none;
}

.makale-sayi-bilgisi {
 font-size: 0.9rem;
 font-weight: bold;
 color: #E67E22; 
 text-transform: uppercase;
}
.makale-sayi-bilgisi a {
 color: inherit;
 text-decoration: none;
}
.makale-ingilizce-baslik {
 font-size: 1.3rem;
 font-weight: 400;
 font-style: italic;
 color: #555;
 margin-top: 5px;
 margin-bottom: 20px;
 border-bottom: 1px solid #eee;
 padding-bottom: 20px;
}

.yazar-listesi {
 margin-bottom: 25px;
}
.yazar-blogu {
 display: flex; 
 align-items: center;
 font-size: 1rem;
 margin-bottom: 8px;
 background: #fdfdfd;
 border: 1px solid #f0f0f0;
 padding: 8px 12px;
 border-radius: 4px;
}
.yazar-unvan {
 margin-right: 5px;

 font-size: 0.9rem;
}
.yazar-ad {
 color: #111;
 margin-right: auto; 
}
.yazar-iletisim a {
 text-decoration: none;
 margin-left: 10px;
}
.yazar-iletisim .dashicons {
 color: #E67E22;
 font-size: 20px;
}

.makale-meta-grid {
 display: grid;
 grid-template-columns: 1fr 1fr; 
 gap: 15px;
 background: #f9f9f9;
 border: 1px solid #eee;
 padding: 20px;
 margin-bottom: 25px;
 border-radius: 4px;
 font-size: 0.9rem;
}
.meta-item {
 border-bottom: 1px dashed #ddd;
 padding-bottom: 5px;
}
.meta-item strong {
 color: #333;
}

.makale-aksiyonlari {
 display: flex;
 flex-wrap: wrap; 
 gap: 10px;
 margin-bottom: 25px;
}

.buton {
 display: inline-flex;
 align-items: center;
 gap: 8px; 
 text-decoration: none;
 font-weight: bold;
 font-size: 0.9rem;
 padding: 10px 15px;
 border-radius: 4px;
 border: 1px solid;
 transition: all 0.2s ease;
}

.tam-metin-buton {
 background-color: #E67E22;
 color: #fff;
 border-color: #E67E22;
}
.tam-metin-buton:hover {
 background-color: #d35400;
 border-color: #d35400;
 color: #fff;
}

.ikincil-buton {
 background-color: #f0f0f0;
 color: #333;
 border-color: #ddd;
}
.ikincil-buton:hover {
 background-color: #e0e0e0;
 color: #000;
}

.makale-konulari-detay {
 margin-top: 20px;
 padding-top: 20px;
 border-top: 1px solid #eee;
 font-size: 0.9rem;
}
.makale-konulari-detay strong {
 margin-right: 10px;
}

.kaynakca-alani {
 margin-top: 30px;
 padding-top: 20px;
 border-top: 3px double #eee;
}
.kaynakca-alani h2 {
 font-size: 1.5rem;
 font-weight: 600;
 border-bottom: 2px solid #f0f0f0;
 padding-bottom: 10px;
}

.atif-blogu {
 position: relative; 
}
.atif-blogu textarea {
 width: 100%;
 margin-bottom: 5px;
}
.copy-button {
 font-size: 12px;
 padding: 5px 10px;
 margin-bottom: 15px;
}
.copy-button.copied {
 background-color: #27ae60; 
 border-color: #27ae60;
 color: #fff;
}

.bu-sayidaki-diger {
 grid-column: 1 / -1; 
 margin-top: 30px;
 padding-top: 20px;
 border-top: 1px solid #eee;
}
.bu-sayidaki-diger h2 {
 font-size: 1.5rem;
 font-weight: 600;
 border-bottom: 2px solid #f0f0f0;
 padding-bottom: 10px;
}
.bu-sayidaki-diger ul {
 list-style-type: disc;
 padding-left: 20px;
}
.bu-sayidaki-diger li {
 margin-bottom: 10px;
}
.bu-sayidaki-diger li a {
 text-decoration: none;
 font-weight: 500;
}
.bu-sayidaki-diger li a:hover {
 text-decoration: underline;
}

@media (min-width: 768px) {
 .makale-detay-container {
 display: grid;
 grid-template-columns: 2fr 1fr;
 gap: 30px;
 }
}

:root{
 --bg-soft: #e5edf6;
 --fg-main: #0f172a;
 --fg-muted: #64748b;
 --accent: #0ea5e9;
 --accent-dark: #0369a1;
 --border-soft: #e2e8f0;
 --shadow: 0 12px 25px rgba(15, 23, 42, .09);
 --radius-lg: 14px;

}

.issue-bar {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 background: linear-gradient(90deg, #e2e8f0, #f8fafc);
 border-radius: 999px;
 padding: 6px 14px 6px 10px;
 border: 1px solid var(--border-soft);
 font-size: .82rem;
 color: var(--fg-muted);
 margin-bottom: 0px;
}
.issue-pill {
 width: 6px;
 height: 18px;
 border-radius: 999px;
 background: linear-gradient(180deg, #0ea5e9, #6366f1);
}
.issue-bar a {
 color: var(--accent);
 font-weight: 500;
 text-decoration: none;
}
.issue-bar a:hover { text-decoration: underline; }

.article-meta-band {
 background: linear-gradient(135deg, #f8fafc, #e5edf6);
 border-radius: var(--radius-lg);
 padding: 18px 20px 20px;
 display: flex;
 flex-wrap: wrap; 
 gap: 22px;
 box-shadow: var(--shadow);
}
@media (max-width: 900px) {
 .article-meta-band { flex-direction: column; }
}

.right-meta {
 flex: 1; 
 min-width: 280px; 
 display: flex;
 flex-direction: column; 
 gap: 15px; 
 justify-content: flex-start;
}
@media (max-width: 960px) {
 .right-meta {
 width: 100%;
 min-width: 0; 
 margin-top: 20px; 
 }
}

.meta-left {
 flex: 1.6;
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.article-header { margin: 0; }
.article-title {
 font-size: 1.6rem; 
 font-weight: 700;
 color: var(--fg-main);
 margin-bottom: 4px;
}
.article-subtitle {
 font-size: 1.02rem;
 color: var(--fg-muted);
}

.authors-block {
 display: flex;
 gap: 14px;
}
.author-avatar {
 flex: 0 0 46px;
 height: 46px;
 border-radius: 999px;
 background: #0f172a;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #e5e7eb;
 font-size: 1.3rem;
}
.author-text { flex: 1; }
.author-names {
 font-weight: 600;
 margin-bottom: 4px;
}
.affiliation-line {
 font-size: .9rem;
 color: var(--fg-muted);
 display: flex;
 align-items: center;
 gap: 6px;
 margin-top: 2px;
}

.affiliation-line i.fa-brands,
.affiliation-line i.fa-regular {
 color: var(--accent);
}
.affiliation-line a {
 color: var(--accent);
 display: inline-flex;
 align-items: center;
 text-decoration: none;
}
.affiliation-line .orcid-icon { 
 width: 14px;
 height: 14px;
 vertical-align: middle;
}

.keywords-row {
 margin-top: 10px;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}
.keyword-pill {
 font-size: .8rem;
 padding: 4px 9px;
 border-radius: 999px;
 background: rgba(148, 163, 184, .18);
 color: var(--fg-main);
}

.meta-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 8px 14px;
}
.meta-item {
 display: flex;
 align-items: flex-start;
 gap: 8px;
 font-size: .85rem;
 color: var(--fg-muted);
}
.meta-item i {
 margin-top: 1px;
 color: var(--accent);
}
.meta-label {
 font-weight: 600;
 color: var(--fg-main);
 font-size: .83rem;
 margin-right: 4px;
}

.action-buttons {
 display: flex;
 justify-content: center;
 gap: 10px;
 flex-wrap: wrap;
 margin-top: 8px;
}
.btn {
 border-radius: 999px;
 border: 1px solid transparent;
 padding: 7px 15px;
 font-size: .85rem;
 font-weight: 500;
 display: inline-flex;
 align-items: center;
 gap: 7px;
 cursor: pointer;
 background: #ffffff;
 color: var(--fg-main);
 text-decoration: none; 
}
.btn-primary {
 background: var(--accent);
 color: #fff;
 border-color: var(--accent);
}
.btn-primary:hover {
 background: var(--accent-dark);
 border-color: var(--accent-dark);
}
.btn:hover {
 box-shadow: 0 6px 16px rgba(15, 23, 42, .12);
}

body {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 background: var(--bg-page, #f1f5f9);
 color: var(--fg-main, #0f172a);
 line-height: 1.5;

}

.site-content {
 max-width: 1200px;
 margin: 0 auto;

 padding: 0 24px;
}

@media (max-width: 768px) {
 .site-content {
 padding: 0 16px;
 }
}

.home .site-content {
 max-width: 100%;
 margin: 0;
 padding: 0;
}

.layout-main {
 display: grid;

 grid-template-columns: minmax(0, 2.3fr) minmax(280px, 1fr);
 gap: 40px; 
 align-items: flex-start;
 margin-top: 20px; 
}
@media (max-width: 960px) {
 .layout-main {
 grid-template-columns: 1fr; 
 }
}



details.body-card {
 position: relative;
 background: var(--bg-card, #ffffff);
 border-radius: var(--radius, 16px);
 border: 1px solid var(--border, #e2e8f0);
 box-shadow: var(--shadow, 0 12px 28px rgba(15, 23, 42, .08));
 padding: 10px 18px 16px;
 margin-bottom: 16px;
 overflow: hidden;
}
details.body-card::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 3px;
 background: linear-gradient(to bottom, #0f4c81, #0ea5e9);
}
details.body-card summary {
 list-style: none;
 cursor: pointer;
 outline: none;
}
details.body-card summary::-webkit-details-marker { display: none; }
details.body-card summary .header-strip {
 margin-top: 8px;
 margin-bottom: 10px;
 margin-left: -18px;
 margin-right: -18px;
}
.accordion-icon {
 font-size: .8rem;
 color: var(--fg-soft, #94a3b8);
 transition: transform .2s ease;
}
details[open] summary .accordion-icon {
 transform: rotate(180deg);
}
.body-content {
 font-size: .9rem;
 color: var(--fg-muted, #64748b);
 padding: 0 4px 0;
}
.body-content h2, .body-content h3 { 
 font-size: 1.1rem;
 color: var(--fg-main);
 margin: 10px 0 5px;
}
.body-content p {
 margin-bottom: 1em;
}

.sidebar-card {
 background: var(--bg-card, #ffffff);
 border-radius: var(--radius, 16px);
 border: 1px solid var(--border, #e2e8f0);
 box-shadow: var(--shadow, 0 12px 28px rgba(15, 23, 42, .08));
 padding: 12px 18px 16px;
 margin-bottom: 20px; 
}
.sidebar-card .header-strip {
 margin-top: 6px;
 margin-bottom: 10px;
}

.metrics-card {
 background: #f9fafb;
 border-color: #dde4f0;
}
.metrics-inner {
 padding: 4px 4px 6px;
 display: flex;
 gap: 24px;
 justify-content: flex-start;
}
.metric-block { flex: 1 1 0; }
.metric-number {
 font-size: 1.6rem;
 font-weight: 700;
 color: #0f4c81;
 line-height: 1.1;
}
.metric-caption {
 font-size: .82rem;
 color: var(--fg-muted);
 margin-top: 2px;
}
.metrics-divider {
 border-top: 1px solid rgba(148, 163, 184, .45);
 margin: 10px -18px 10px;
}
.cite-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 font-size: .85rem;
 font-weight: 600;
 margin-bottom: 4px;
 padding: 0 4px;
}
.icon-button {
 border: none;
 background: transparent;
 cursor: pointer;
 padding: 4px;
 border-radius: 999px;
 color: var(--fg-soft);
}
.icon-button:hover {
 background: rgba(148, 163, 184, .22);
 color: var(--accent-dark);
}
.cite-text {
 font-size: .85rem;
 color: #333; 
 background: #f0f2f5; 
 border-radius: 8px;
 border: 1px solid #d0d7e0;
 box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); 
 padding: 8px 9px;
 width: 100%; 
 resize: none;
}

.copy-msg {
 margin-top: 5px; 
 font-size: .78rem;
 color: #16a34a; 
 position: relative; 
 display: block; 
 opacity: 0; 
 transform: translateY(2px);
 transition: opacity .2s ease, transform .2s ease;
}

.copy-msg.show {
 opacity: 1;
 transform: translateY(0);
}

.related-title {
 font-weight: 500;
 color: var(--fg-main);
 margin: 0;
 padding: 12px 10px;
 display: block;
 text-decoration: none;
 border-radius: 6px;
 transition: background-color 0.2s ease, color 0.2s ease;
}

.related-title:hover { color: var(--accent); }
.related-meta {
 font-size: .78rem;
 color: var(--fg-soft);
}

.meta-left {
 gap: 2px; 
}

a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover {
 color: #fff; 
}

.keyword-pill {
 text-decoration: none;
 transition: background-color 0.2s ease;
}
.keyword-pill:hover {
 background: rgba(148, 163, 184, .35); 
 text-decoration: underline;
}

.metrics-card .cite-header {
 margin-top: 10px; 
}
.metrics-card .cite-header:first-of-type {
 margin-top: 0; 
}
.metrics-card .copy-msg {
 margin-top: 10px; 
}

.meta-icerik-bolunmus {
 align-items: flex-start; 
}

.related-meta {
 font-size: .8rem;
 color: var(--fg-muted);
 padding: 0 10px 12px;
}

.meta-icerik-bolunmus {
 align-items: flex-start; 
}

.action-buttons-wrap {
 background: #f8f9fa; 
 padding: 0 30px 20px 30px; 
 margin: -20px -30px 0; 
 border-radius: 0 0 var(--radius-lg, 14px) var(--radius-lg, 14px);
 border-top: 1px solid var(--border-soft, #e2e8f0);
}
.action-buttons-wrap .action-buttons {
 margin-top: 15px;
 justify-content: flex-start; 
}

.related-meta { 
 font-size: .8rem;
 color: var(--fg-muted);
 padding: 0 10px 12px;
 margin-top: -8px; 
 display: block;
}

.meta-icerik-bolunmus {
 align-items: flex-start; 
}

.action-buttons-wrap {
 background: #f8f9fa; 
 padding: 0 30px 20px 30px; 
 margin: -20px -30px 0; 
 border-radius: 0 0 var(--radius-lg, 14px) var(--radius-lg, 14px);
 border-top: 1px solid var(--border-soft, #e2e8f0);
}
.action-buttons-wrap .action-buttons {
 margin-top: 15px;
 justify-content: flex-start; 
}

.related-meta { 
 font-size: .8rem;
 color: var(--fg-muted);
 padding: 0 10px 12px;
 margin-top: -8px; 
 display: block;
}

.meta-icerik-bolunmus {
 align-items: flex-start; 
}

a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover {
 color: #fff; 
}

.related-item {
 padding: 0;
 margin: 0;
 border-bottom: 1px solid var(--border, #e2e8f0);
}
.related-item:last-child {
 border-bottom: none;
}

.related-link-wrap { 
 display: block; 
 padding: 12px 10px;
 text-decoration: none;
 border-radius: 6px;
 transition: background-color 0.2s ease;
}
.related-link-wrap:hover {
 background: var(--bg-soft, #f0f2f5); 
 color: var(--fg-main);
}

.related-link-wrap,
.related-link-wrap:visited,
.related-link-wrap:hover {
 color: var(--fg-main); 
}

.related-title-text {
 font-weight: 500;
 margin: 0;
 font-size: 0.95rem;
 line-height: 1.3;
}
.related-meta-text {
 font-size: .8rem;
 color: var(--fg-muted);
 margin-top: 5px;
 display: block;
}

.action-buttons {
 margin-top: 5px; 
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
}
a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover {
 color: #fff; 
}

.related-list {
 padding: 0;
}

.related-title-link {
 display: block; 
 padding: 12px 10px;
 text-decoration: none;
 border-radius: 6px;
 transition: background-color 0.2s ease;
 color: var(--fg-main); 
}
.related-title-link:visited,
.related-title-link:link {
 color: var(--fg-main); 
}

.related-title-link:hover,
.related-title-link.active-archive-link {
 background: var(--bg-soft, #e5edf6); 
 color: var(--accent-dark, #0369a1);
}

.related-meta-text {
 font-size: .8rem;
 color: var(--fg-muted);
 margin-top: 5px;
 padding-bottom: 0;
 display: block;
}

.related-item a.related-title-link {
 text-decoration: none; 
}

.keyword-pill {

 border: 1px solid var(--border-soft); 
 transition: all 0.2s ease;
 text-decoration: none;
}
.keyword-pill:hover {
 background: var(--bg-soft, #e5edf6); 
 color: var(--accent-dark, #0369a1); 
 border-color: var(--bg-soft, #e5edf6); 
 text-decoration: underline;
}

.action-buttons-wrap .btn:not(.btn-primary):hover {
 background: var(--bg-soft, #e5edf6); 
 color: var(--accent-dark, #0369a1);
 border-color: var(--border-soft, #e2e8f0);
 box-shadow: none; 
}

a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover {
 color: #fff !important; 
}

.keyword-pill,
.keyword-pill:visited,
.keyword-pill:link {
 text-decoration: none !important; 
 color: var(--fg-main) !important; 
 border-color: var(--border-soft, #e2e8f0); 
}

.keyword-pill:hover {
 color: var(--accent-dark, #0369a1) !important; 
 background: var(--bg-soft, #e5edf6) !important; 
 text-decoration: none !important; 
}

a.btn.btn-primary,
a.btn.btn-primary:visited,
a.btn.btn-primary:link {
 color: #fff !important; 
}

.action-buttons {
 margin-top: 15px; 
}

body {
 background-color: var(--white-bg, #ffffff) !important; 
}

.new-site-layout .header-main,
.new-site-layout .header-top-bar,
.new-site-layout .header-bottom-bar {
 display: none !important;
}
.new-site-layout .anasayfa-container,
.new-site-layout .hero-guncel-sayi,
.new-site-layout .anasayfa-container-yeni {
 display: none !important;
}
body.home {
 background-color: #f8f9fa; 
}
.new-site-layout {
 background-color: var(--white-bg); 
}

html,
body {
 margin: 0;
 padding: 0;
 height: 100%;
 overflow-x: hidden !important; 
 width: 100%;
 position: relative;
}

body {
 line-height: 1.6;
 display: flex;
 flex-direction: column;
}

#page {
 flex-grow: 1; 
}

#page,
.site-footer {
 margin-bottom: 0;
}

:root {
 --primary-color: #0d6efd; 
 --secondary-color: #6c757d; 
 --light-bg: #f8f9fa; 
 --white-bg: #ffffff; 
 --border-color: #dee2e6; 
 --text-color: #495057; 
 --title-color: #212529; 
}

body, button, input, select, textarea {
 color: #343a40;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 font-size: 16px;
 line-height: 1.6;
}
a {
 color: #0d6efd;
 text-decoration: none;
}
a:hover {
 color: #0a58ca;
 text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 0.75rem;
 font-weight: 600;
 line-height: 1.3;
 color: #212529;
}
p {
 margin: 0 0 1rem;
}
ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.main-content-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 40px 15px;
}
.button,
.button-primary,
.button-secondary {
 display: inline-block;
 padding: 10px 20px;
 font-size: 0.9rem;
 font-weight: 500;
 text-align: center;
 border-radius: 6px;
 text-decoration: none;
 border: 1px solid transparent;
 transition: all 0.2s ease;
}
.button-primary {
 background-color: var(--primary-color);
 color: #fff;
}
.button-primary:hover {
 background-color: #0a58ca;
 color: #fff;
 text-decoration: none;
}
.button-secondary {
 background-color: transparent;
 color: #fff;
 border-color: #fff;
}
.button-secondary:hover {
 background-color: #fff;
 color: var(--title-color);
 text-decoration: none;
}
.section-title {
 font-size: 1.8rem;
 font-weight: 700;
 margin-bottom: 20px;
}
.section-subtitle {
 font-size: 1.1rem;
 color: var(--text-color);
 margin-top: -15px;
 margin-bottom: 30px;
}
.text-center { text-align: center; }



.lang-switcher a {
 font-size: 0.9rem;
 color: var(--text-color);
 font-weight: 500;
}
.lang-switcher .fa-chevron-down {
 margin-left: 5px;
 font-size: 0.8em;
}

.hero-background-image {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;

 background-size: cover;
 background-position: center;
 opacity: 0.4;

}
.hero-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 15px;
 position: relative;
 z-index: 2;
}

.hero-title {
 font-size: 2.8rem;
 font-weight: 700;
 line-height: 1.2;
 color: #ffffff !important; 
}
.hero-subtitle,
.hero-description {
 font-size: 1.2rem;
 color: #ffffff !important; 
 opacity: 0.9 !important;
}
.hero-description {
 font-size: 1rem;
 margin-bottom: 30px;
}
.hero-buttons {
 display: flex;
 gap: 15px;
}

.duyurular-ve-sidebar-section {
 display: grid;
 grid-template-columns: 1fr; 
 gap: 40px;
 margin-bottom: 40px;
}

@media (min-width: 960px) {
 .duyurular-ve-sidebar-section {

 grid-template-columns: minmax(0, 2.3fr) minmax(280px, 1fr);
 }
}

.duyuru-item {
 border-bottom: 1px solid var(--border-color);
 padding: 20px 0;
}
.duyuru-item:first-child { padding-top: 0; }
.duyuru-item:last-child { border-bottom: 0; }
.duyuru-meta {
 font-size: 0.85rem;
 color: var(--secondary-color);
 margin-bottom: 5px;
}
.duyuru-baslik {
 font-size: 1.2rem;
 margin-bottom: 10px;
}
.duyuru-baslik a {
 color: var(--title-color);
 text-decoration: none;
}
.duyuru-baslik a:hover {
 color: var(--primary-color);
}

.duyuru-yazarlari {
 font-size: 0.9rem;
 font-weight: 500;
 color: var(--text-color);
 margin-bottom: 10px; 
 margin-top: -5px; 
}
.duyuru-yazarlari strong {
 color: var(--title-color);
}
.duyuru-ozet {
 font-size: 0.95rem;
 color: var(--text-color);
 margin: 0;
}

.homepage-sidebar .widget {
 background-color: var(--light-bg);
 border: 1px solid #e9ecef;
 border-radius: 8px;
 padding: 20px;
 margin-bottom: 25px;
}
.widget-title-sidebar {
 font-size: 1.1rem;
 font-weight: 700;
 border-bottom: 1px solid var(--border-color);
 padding-bottom: 10px;
 margin-bottom: 15px;
}
.hizli-erisim-listesi li a {
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 8px 0;
 color: var(--text-color);
 font-weight: 500;
 text-decoration: none;
}
.hizli-erisim-listesi li a:hover {
 color: var(--primary-color);
}
.hizli-erisim-listesi li a i {
 color: var(--primary-color);
 width: 20px;
 text-align: center;
}

.kunye-bilgileri .widget_text p {
 margin-bottom: 10px;
 line-height: 1.7;
}
.kunye-bilgileri .widget_text strong {
 color: var(--title-color);
}

.dergi-bilgileri-section {
 width: 100%;
 background-color: var(--light-bg);
 padding: 40px 15px;
 margin-bottom: 0; 
 border-top: 1px solid var(--border-color);
}

.dergi-container-ic {
 width: 100%; 
 margin: 0 auto;
 padding: 0 15px;
}

.dergi-bilgileri-grid {
 display: none !important;
}

.dergi-bilgileri-grid-tekli {
 display: grid;
 justify-content: center; 
 grid-template-columns: minmax(0, 700px); 
}
.bilgi-karti {
 background-color: var(--white-bg);
 border: 1px solid var(--border-color);
 border-radius: 8px;
 padding: 25px;
 text-align: center;
 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.bilgi-karti-ikon {
 font-size: 2rem;
 color: var(--primary-color);
 margin-bottom: 15px;
}
.bilgi-karti-baslik {
 font-size: 1rem;
 font-weight: 700;
 text-transform: uppercase;
 color: var(--text-color);
 margin-bottom: 10px;
}

.indeks-karti-tekli .bilgi-karti-aciklama {
 display: none; 
}
.indeks-karti-tekli .widget_indeksler {
 padding: 0;
}
.indeks-karti-tekli .widget-title-indeks {
 display: none;
}
.indeks-karti-tekli .textwidget {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 justify-content: center;
 align-items: center;
 padding: 10px 0;
}
.indeks-karti-tekli .textwidget img {
 max-height: 45px;
 width: auto;
 opacity: 0.8;
 transition: opacity 0.2s;
}
.indeks-karti-tekli .textwidget img:hover {
 opacity: 1;
}

.new-footer {
 background-color: var(--white-bg);
 color: var(--text-color);
 border-top: 1px solid var(--border-color);
}
.footer-widgets {
 padding: 50px 0;
}
.footer-widgets-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 15px;
 display: grid;
 grid-template-columns: 1fr; 
 gap: 40px;
}
@media (min-width: 960px) {
 .footer-widgets-container {
 grid-template-columns: 1.2fr 1fr 1fr 1.3fr; 
 }
}
.footer-widget-column .custom-logo {
 max-height: 35px;
 width: auto;
 margin-bottom: 15px;
 display: block;
}
.footer-about-text {
 font-size: 0.9rem;
 margin-bottom: 20px;
}
.footer-social-icons {
 display: flex;
 gap: 15px;
}
.footer-social-icons a {
 color: var(--secondary-color);
 font-size: 1.1rem;
}
.footer-social-icons a:hover {
 color: var(--primary-color);
}
.widget-title-footer {
 font-size: 1rem;
 font-weight: 700;
 margin-bottom: 15px;
 color: var(--title-color);
}
.footer-widget-column ul {
 list-style: none; padding: 0; margin: 0;
}
.footer-widget-column li {
 margin-bottom: 10px;
}
.footer-widget-column li a {
 color: var(--text-color); text-decoration: none;
}
.footer-widget-column li a:hover {
 color: var(--primary-color);
}
.footer-widget-column .textwidget p {
 margin-bottom: 10px;
 color: var(--text-color);
 font-size: 0.95rem;
}
.newsletter-form {
 display: flex;
 flex-direction: column;
 gap: 10px;
}
.newsletter-form p {
 font-size: 0.95rem;
 margin-bottom: 5px;
}
.newsletter-form input[type="email"] {
 padding: 10px;
 border: 1px solid var(--border-color);
 border-radius: 6px;
 font-size: 0.9rem;
}
.newsletter-form .button-primary {
 width: 100%;
}
.site-info {
 background-color: var(--light-bg);
 padding: 20px 0;
 border-top: 1px solid var(--border-color);
 font-size: 0.85rem;
 color: var(--secondary-color);
}
.site-info-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 15px;
 text-align: center;
}

.menu-toggle {
 display: none; 
 background: transparent;
 border: 1px solid var(--border-color);
 padding: 5px 10px;
 border-radius: 4px;
 color: var(--text-color);
}
.menu-toggle .fa-bars {
 font-size: 1.2rem;
}

@media (max-width: 960px) {
 .duyurular-ve-sidebar-section {
 grid-template-columns: 1fr;
 }
 .dergi-bilgileri-grid-tekli { 
 grid-template-columns: 1fr;
 }
 .footer-widgets-container {
 grid-template-columns: 1fr;
 }
}

@media (max-width: 768px) {

 .menu-toggle {
 display: block;
 }
 .new-main-navigation {
 width: 100%;
 order: 3;
 margin-top: 15px;
 }
 .new-main-navigation ul {
 display: none;
 flex-direction: column;
 width: 100%;
 background: var(--white-bg);
 border: 1px solid var(--border-color);
 border-radius: 8px;
 padding: 10px;
 margin-top: 10px;
 }
 .new-main-navigation.toggled ul {
 display: flex;
 }
 .new-main-navigation li a {
 padding: 10px;
 display: block;
 border-bottom: 1px solid var(--border-color);
 }
 .new-main-navigation li:last-child a {
 border-bottom: 0;
 }
 .header-container {
 flex-wrap: wrap;
 }
 .header-actions {
 order: 2;
 }
 .site-branding {
 order: 1;
 }
 .hero-title { font-size: 2.2rem; }
}

.new-main-navigation ul ul {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 background: var(--white-bg, #fff);
 border: 1px solid var(--border-color, #eee);
 border-top: 2px solid var(--primary-color, #0d6efd);
 border-radius: 0 0 8px 8px;
 box-shadow: 0 5px 15px rgba(0,0,0,0.05);
 min-width: 220px; 
 z-index: 999;
}
.new-main-navigation li:hover > ul {
 display: block; 
}
.new-main-navigation ul ul li {
 width: 100%;
}
.new-main-navigation ul ul a {
 padding: 12px 15px;
 display: block;
 border-bottom: 1px solid var(--border-color, #eee);
}
.new-main-navigation ul ul li:last-child a {
 border-bottom: none;
}
.new-main-navigation ul ul a:hover {
 background: var(--light-bg, #f8f9fa);
}

.new-main-navigation .menu-item-has-children > a {
 position: relative;
 padding-right: 15px;
}
.new-main-navigation .menu-item-has-children > a::after {
 content: '\f107'; 
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 font-size: 0.7em;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 color: var(--secondary-color);
}

.lang-switcher .fa-chevron-down {
 font-size: 0.8em;
 opacity: 0.7;
 margin-left: 4px;
}

.hero-buttons .button-secondary {
 background-color: #fff; 
 color: var(--title-color); 
 border-color: #fff;
}
.hero-buttons .button-secondary:hover {
 background-color: #f0f0f0; 
 color: var(--title-color);
}

.article-list-item .duyuru-ozet {
 display: none;
}

.indeks-karti-tekli .textwidget p {
 display: inline-block; 
 margin: 0 5px; 
}
.indeks-karti-tekli .textwidget img {
 vertical-align: middle; 
}

.widget-title-footer {
 color: #ffffff !important; 
}

.header-actions {
 display: flex;
 align-items: center;
 gap: 15px; 
}
.lang-switcher a.lang-link {
 font-size: 0.9rem;
 color: var(--text-color);
 font-weight: 500;
 text-decoration: none;
 display: flex;
 align-items: center;
}
.lang-switcher .fa-chevron-down {
 font-size: 0.8em;
 opacity: 0.7;
 margin-left: 4px;
}
.header-actions .button-primary {

}

.hero-buttons .button-secondary {
 background-color: transparent !important;
 color: #ffffff !important; 
 border-color: #ffffff !important; 
}
.hero-buttons .button-secondary:hover {
 background-color: #ffffff !important; 
 color: var(--title-color) !important; 
}

.hero-buttons .button-primary {
 color: #ffffff !Dimportant;
}

.makale-etiket-ve-buton-row {
 display: flex;
 justify-content: space-between; 
 align-items: flex-end; 
 margin-top: 15px;
 gap: 15px;
}
.makale-konulari-listesi {
 flex-grow: 1; 
}
.makale-incele-buton {
 flex-shrink: 0; 
 display: inline-block;
 background-color: var(--light-bg, #f8f9fa);
 color: var(--primary-color, #0d6efd);
 border: 1px solid var(--border-color, #dee2e6);
 padding: 6px 12px;
 font-size: 0.8rem;
 font-weight: 600;
 text-decoration: none;
 border-radius: 6px;
 transition: all 0.2s ease;
}
.makale-incele-buton:hover {
 background-color: var(--primary-color, #0d6efd);
 color: #fff;
 border-color: var(--primary-color, #0d6efd);
}
.makale-incele-buton .fa-arrow-right {
 margin-left: 5px;
}

.indeks-karti-tekli .textwidget {
 display: flex !important; 
 flex-wrap: wrap;
 justify-content: center; 
 align-items: center; 
 gap: 20px; 
}

.indeks-karti-tekli .textwidget p {
 display: inline; 
 margin: 0;
 padding: 0;
}
.indeks-karti-tekli .textwidget img {
 max-height: 45px;
 width: auto;
 opacity: 0.8;
}

.widget-title-footer {
 color: #ffffff !important; 
}

body {
 line-height: 1.6; 
}

.new-header .header-actions {
 display: flex !important;
 align-items: center !important;
 gap: 15px !important; 
}
.new-header .lang-switcher a.lang-link {
 font-size: 0.9rem !important;
 color: var(--text-color) !important;
 font-weight: 500 !important;
 text-decoration: none !important;
 display: flex !important;
 align-items: center !important;
 padding: 0 !important; 
 background: none !important; 
 border: none !important; 
}
.new-header .lang-switcher .fa-chevron-down {
 font-size: 0.8em;
 opacity: 0.7;
 margin-left: 4px;
}
.new-header .header-actions .button-primary {

 background-color: var(--primary-color) !important;
 color: #fff !important;
 padding: 8px 16px !important; 
 font-size: 0.9rem !important;
 font-weight: 500 !important;
 border-radius: 6px !important;
}

.hero-buttons .button-primary {
 color: #ffffff !important; 
}
.hero-buttons .button-secondary {
 background-color: #ffffff !important; 
 color: var(--title-color) !important; 
 border-color: #ffffff !important;
}
.hero-buttons .button-secondary:hover {
 background-color: #f0f0f0 !important;
}

.makale-etiket-ve-buton-row {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 margin-top: 15px;
 gap: 15px;
}
.makale-konulari-listesi {
 flex-grow: 1;
 display: flex; 
 flex-wrap: wrap;
 gap: 6px;
}

.makale-konulari-listesi p {
 margin: 0 !important;
 display: contents; 
}
.makale-incele-buton {
 flex-shrink: 0;
 display: inline-block;
 background-color: var(--light-bg, #f8f9fa);
 color: var(--primary-color, #0d6efd);
 border: 1px solid var(--border-color, #dee2e6);
 padding: 6px 12px;
 font-size: 0.8rem;
 font-weight: 600;
 text-decoration: none !important; 
 border-radius: 6px;
 transition: all 0.2s ease;
}
.makale-incele-buton:hover {
 background-color: var(--primary-color, #0d6efd);
 color: #fff !important;
 border-color: var(--primary-color, #0d6efd);
 text-decoration: none !important; 
}
.makale-incele-buton .fa-arrow-right {
 margin-left: 5px;
}

.indeks-karti-tekli .textwidget {
 display: flex !important; 
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 20px;
}

.indeks-karti-tekli .textwidget p {
 display: inline !important; 
 margin: 0 !important;
 padding: 0 !important;
}
.indeks-karti-tekli .textwidget img {
 max-height: 45px;
 width: auto;
 opacity: 0.8;
}

.site-info {

 margin-bottom: 0 !important;
}

.new-header .header-actions {
 display: flex !important;
 align-items: center !important;
 gap: 15px !important; 
}
.new-header .lang-switcher a.lang-link {
 font-size: 0.9rem !important;
 color: var(--text-color) !important;
 font-weight: 500 !important;
 text-decoration: none !important;
 display: flex !important;
 align-items: center !important;
 padding: 0 !important; 
 background: none !important; 
 border: none !important; 
}
.new-header .lang-switcher .fa-chevron-down {
 font-size: 0.8em;
 opacity: 0.7;
 margin-left: 4px;
}
.new-header .header-actions .button-primary {

 background-color: var(--primary-color) !important;
 color: #fff !important;
 padding: 8px 16px !important; 
 font-size: 0.9rem !important;
 font-weight: 500 !important;
 border-radius: 6px !important;
 min-width: 80px; 
 white-space: nowrap; 
 text-align: center;
}

.hero-buttons .button-primary {
 color: #ffffff !important; 
}
.hero-buttons .button-secondary {
 background-color: #ffffff !important; 
 color: var(--title-color) !important; 
 border-color: #ffffff !important;
}
.hero-buttons .button-secondary:hover {
 background-color: #f0f0f0 !important;
}

.article-top-content {
 border-bottom: 1px solid var(--border-color); 
 padding-bottom: 15px;
}

.makale-etiket-ve-buton-row {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 margin-top: 15px;
 gap: 15px;
}
.makale-konulari-listesi {
 flex-grow: 1;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}
.makale-incele-buton {
 flex-shrink: 0;
 display: inline-block;
 background-color: var(--light-bg, #f8f9fa);
 color: var(--primary-color, #0d6efd) !important; 
 border: 1px solid var(--border-color, #dee2e6);
 padding: 6px 12px;
 font-size: 0.8rem;
 font-weight: 600;
 text-decoration: none !important; 
 border-radius: 6px;
 transition: all 0.2s ease;
}
.makale-incele-buton:hover {
 background-color: var(--primary-color, #0d6efd);
 color: #fff !important;
 border-color: var(--primary-color, #0d6efd);
 text-decoration: none !important; 
}
.makale-incele-buton .fa-arrow-right {
 margin-left: 5px;
}

.duyuru-yazarlari {
 margin-top: 10px;
 font-size: 0.95rem;
 font-weight: 500;
}

.indeks-karti-tekli .textwidget {
 display: flex !important; 
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 20px;
}

.indeks-karti-tekli .textwidget p {
 display: inline !important; 
 margin: 0 !important;
 padding: 0 !important;
}
.indeks-karti-tekli .textwidget img {
 max-height: 45px;
 width: auto;
 opacity: 0.8;
}

.site-info {
 margin-bottom: 0 !important;
}

.duyurular-listesi > .section-title {
 display: none;
}

.body-card.static-card {
 padding: 10px 18px 16px;

 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
 background: var(--white-bg, #fff);
 border-radius: 16px;
 position: relative;
 overflow: hidden;
}

.body-card.static-card::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 3px;
 background: linear-gradient(to bottom, #0f4c81, #0ea5e9);
}
.body-card.static-card .header-strip {
 cursor: default; 
 margin-top: 8px;
 margin-bottom: 10px;
 margin-left: -18px;
 margin-right: -18px;
}
.body-card.static-card .body-content {
 padding: 0 4px 0;
}

.body-card .article-list-item {

 padding: 20px 0 !important;
}
.body-card .article-list-item:first-child {
 padding-top: 5px !important;
}
.body-card .article-list-item:last-child {
 border-bottom: none !important; 
 padding-bottom: 5px !important;
}

.body-card .article-top-content {
 border-bottom: none !important; 
 padding-bottom: 0 !important;
}

.new-header .header-actions {
 display: flex !important;
 align-items: center !important;
 gap: 15px !important; 
}

.new-header .lang-switcher a.lang-link {
 font-size: 0.9rem !important;
 color: var(--text-color) !important;
 font-weight: 500 !important;
 text-decoration: none !important;
 display: flex !important;
 align-items: center !important;

 padding: 0 !important; 
 background: none !important; 
 border: none !important; 
 min-width: unset !important;
 white-space: nowrap !important;
}
.new-header .lang-switcher .fa-chevron-down {
 font-size: 0.8em;
 opacity: 0.7;
 margin-left: 4px;
}

.new-header .header-actions .button-primary {
 background-color: var(--primary-color) !important;
 color: #fff !important;
 padding: 8px 18px !important; 
 font-size: 0.9rem !important;
 font-weight: 500 !important;
 border-radius: 6px !important;
 min-width: 90px; 
 white-space: nowrap; 
 text-align: center;
 line-height: 1.5; 
}

.hero-buttons .button-primary {
 color: #ffffff !important; 
}
.hero-buttons .button-secondary {
 background-color: #ffffff !important; 
 color: var(--title-color) !important; 
 border-color: #ffffff !important;
}
.hero-buttons .button-secondary:hover {
 background-color: #f0f0f0 !important;
}

.article-list-item .makale-sayi-bilgisi {
 display: none; 
}

.makale-sayfa-araligi {
 font-size: 0.8rem;
 font-weight: bold;
 color: #E67E22; 
 text-transform: uppercase;
 margin-bottom: 5px;
}

.article-content-top {
 padding-bottom: 5px;
}

.article-content-authors {
 border-bottom: 1px solid var(--border-color); 
 padding-bottom: 5px;
 margin-bottom: 5px; 
}
.article-content-authors .duyuru-yazarlari {
 margin-top: 10px;
 font-size: 0.95rem;
 font-weight: 500;
 line-height: 1.4;
}

.makale-etiket-ve-buton-row {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 gap: 15px;
}
.makale-konulari-listesi {
 flex-grow: 1;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}

.makale-incele-buton,
.makale-incele-buton:hover {
 text-decoration: none !important;
}

.indeks-karti-tekli .textwidget {
 display: flex !important; 
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 20px;
}

.indeks-karti-tekli .textwidget p {
 display: inline !important; 
 margin: 0 !important;
 padding: 0 !important;
}
.indeks-karti-tekli .textwidget img {
 max-height: 45px;
 width: auto;
 opacity: 0.8;
}

.site-info {
 margin-bottom: 0 !important;
}

.anasayfa-sol-baslik {

 font-size: 1.1rem;
 font-weight: 700;

 border-bottom: none !important;
 padding-bottom: 0 !important;
 margin-top: 0 !important;

}

.body-card.static-card {
 padding-top: 0 !important; 
}

.body-card.static-card .header-strip {
 margin-top: 0 !important; 

 border-top-left-radius: 16px;
 border-top-right-radius: 16px;
}

.body-card.static-card .header-strip {

 padding-top: 10px !important;
 padding-bottom: 10px !important;

 align-items: center !important; 
}

.body-card.static-card .header-strip span {
 font-size: 1.1rem !important; 
 font-weight: 700 !important; 
 color: var(--fg-main, #0f172a); 
}

.indeks-karti-tekli .textwidget {
 display: inline-block !important; 
 white-space: nowrap;
 width: auto;
}
.indeks-karti-tekli .textwidget p {
 display: inline-block !important;
 margin: 0 !important;
 padding: 0 !important;
}

.index-carousel-wrapper {
 width: 100%;
 overflow: hidden; 
 position: relative;
 padding: 10px 0;
 mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
 -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.index-carousel-track {
 display: inline-block;
 white-space: nowrap;

}

.indeks-karti-tekli .textwidget img {
 height: 50px; 
 width: auto;
 margin: 0 30px; 
 opacity: 0.6;
 filter: grayscale(100%); 
 transition: all 0.3s ease;
 vertical-align: middle;
 display: inline-block;
}

.indeks-karti-tekli .textwidget img:hover {
 opacity: 1;
 filter: grayscale(0%);
 transform: scale(1.1);
}

@keyframes slideLogos {
 0% { transform: translateX(0); }
 100% { transform: translateX(-50%); }
}

.track-animating {
 display: inline-block;
 animation: slideLogos 30s linear infinite; 
}

.index-carousel-wrapper:hover .track-animating {
 animation-play-state: paused;
}

.index-carousel-track > div,
.index-carousel-track > section {
 display: inline-flex !important; 
 align-items: center; 
 vertical-align: middle;
}

.dergi-bilgileri-grid-tekli.tam-genislik-grid {
 grid-template-columns: 1fr !important; 
 max-width: 100% !important;
 padding: 0 20px; 
}

.indeks-karti-tekli {
 width: 100%;
 max-width: 1200px; 
 margin: 0 auto; 
 padding: 30px 40px !important; 
}

.logo-slider-container {
 position: relative;
 display: flex;
 align-items: center;
 margin-top: 20px;
 padding: 0 40px; 
}

.logo-slider-track {
 display: flex;
 align-items: center;
 gap: 30px; 
 overflow-x: auto; 
 scroll-behavior: smooth; 
 scrollbar-width: none; 
 width: 100%;
 padding: 10px 0;
 white-space: nowrap;
 cursor: grab; 
}

.logo-slider-track::-webkit-scrollbar {
 display: none;
}

.slider-btn {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: #fff;
 border: 1px solid #ddd;
 color: #333;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 cursor: pointer;
 box-shadow: 0 2px 5px rgba(0,0,0,0.1);
 z-index: 10;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all 0.3s ease;
}

.slider-btn:hover {
 background: #0d6efd; 
 color: #fff;
 border-color: #0d6efd;
}

.prev-btn { left: 0; }
.next-btn { right: 0; }

.logo-slider-track .widget,
.logo-slider-track .textwidget,
.logo-slider-track p {
 display: flex;
 align-items: center;
 margin: 0 !important;
 padding: 0 !important;
 gap: 30px; 
}

.logo-slider-track img {
 height: 60px; 
 width: auto;
 max-width: none; 
 filter: grayscale(100%);
 opacity: 0.7;
 transition: all 0.3s ease;
 user-drag: none; 
 -webkit-user-drag: none;
}

.logo-slider-track img:hover {
 filter: grayscale(0%);
 opacity: 1;
 transform: scale(1.05);
}

.logo-slider-track.active {
 cursor: grabbing;
 cursor: -webkit-grabbing;
}

.logo-slider-track img,
.indeks-karti-tekli .textwidget img {
 filter: grayscale(0%) !important; 
 opacity: 1 !important; 
 transition: all 0.3s ease; 
}

.logo-slider-track img:hover,
.indeks-karti-tekli .textwidget img:hover {

 opacity: 0.8 !important; 
 transform: scale(1.05); 
}

@media (max-width: 768px) {
 .article-header-wrap {
 width: auto;
 left: auto;
 right: auto;
 margin-left: -15px; 
 margin-right: -15px;
 padding: 40px 15px !important;
 }
}

.article-header-wrap {

 width: 100vw;
 position: relative;
 left: 50%;
 right: 50%;
 margin-left: -50vw;
 margin-right: -50vw;

 padding: 40px 0 !important;

 display: flex;
 align-items: center;
 justify-content: center;
 background-color: #f8f9fa; 
 margin-bottom: 40px; 
}

.article-meta-band {

 width: 94% !important; 
 max-width: 1400px !important; 

 padding: 50px 40px !important; 

 min-height: 300px; 

 background: linear-gradient(135deg, #f8fafc 0%, #e5edf6 100%) !important;
 border-radius: 16px !important;
 box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important; 

 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 40px; 
}

.meta-left {
 flex: 1.5 !important; 
}

@media (max-width: 960px) {
 .article-meta-band {
 flex-direction: column; 
 width: 90% !important;
 padding: 30px 20px !important;
 }

}

.page-hero-content {
 text-align: center;
 z-index: 2;
 position: relative;
}

.page-hero-title {
 color: #ffffff !important; 
 font-size: 3rem !important;
 font-weight: 700;
 margin-bottom: 10px;
 text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.page-hero-subtitle {
 color: rgba(255, 255, 255, 0.8);
 font-size: 1rem;
 font-weight: 500;
}
.page-hero-subtitle a {
 color: #fff;
 text-decoration: none;
 border-bottom: 1px dotted rgba(255,255,255,0.5);
}

.page-content-wrapper {
 display: flex;
 justify-content: center;
 margin-bottom: 60px; 
}

.article-meta-band.page-card-mode {
 display: block !important; 
 width: 94% !important;
 max-width: 1200px !important; 
 padding: 60px !important; 
 background: #fff !important; 
}

.page-card-mode .entry-content {
 font-size: 1.1rem;
 line-height: 1.8;
 color: #333;
}
.page-card-mode .entry-content h2 {
 font-size: 1.8rem;
 color: #0d6efd; 
 margin-top: 40px;
 margin-bottom: 20px;
 border-bottom: 1px solid #eee;
 padding-bottom: 10px;
}
.page-card-mode .entry-content p {
 margin-bottom: 20px;
}
.page-card-mode .entry-content ul {
 margin-bottom: 20px;
 padding-left: 20px;
 list-style: disc;
}

@media (max-width: 768px) {
 .page-hero-title {
 font-size: 2rem !important;
 }
 .article-meta-band.page-card-mode {
 padding: 30px !important;
 }
}

.hero-background-image {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;

}

.hero-title {
 color: #1a202c !important; 
 font-size: 2.5rem !important;
 text-shadow: none !important; 
 margin-bottom: 15px !important;
}

.hero-subtitle {
 color: #4a5568 !important; 
 font-size: 1.1rem !important;
 margin-bottom: 20px !important;
}

.hero-subtitle strong {
 color: #0d6efd !important; 
}

.hero-description {
 color: #718096 !important; 
 font-size: 1.05rem !important;
 line-height: 1.6 !important;
 margin-bottom: 30px !important;
}

.hero-buttons {
 justify-content: center; 
 gap: 15px;
}

.hero-buttons .button-primary {
 background-color: #0d6efd !important;
 color: #fff !important;
 border: 1px solid #0d6efd !important;
 padding: 12px 30px !important;
 border-radius: 8px !important;
 font-weight: 600 !important;
 box-shadow: 0 4px 14px rgba(13, 110, 253, 0.3) !important;
}
.hero-buttons .button-primary:hover {
 background-color: #0b5ed7 !important;
 transform: translateY(-2px);
}

.hero-buttons .button-secondary {
 background-color: transparent !important;
 color: #4a5568 !important; 
 border: 1px solid #cbd5e0 !important; 
 padding: 12px 30px !important;
 border-radius: 8px !important;
 font-weight: 600 !important;
}
.hero-buttons .button-secondary:hover {
 background-color: #f7fafc !important;
 border-color: #a0aec0 !important;
 color: #1a202c !important;
}

@media (max-width: 768px) {
 .hero-content {
 padding: 30px 20px !important;
 }
 .hero-title {
 font-size: 1.8rem !important;
 }
 .hero-buttons {
 flex-direction: column; 
 }
 .hero-buttons .button {
 width: 100%;
 }
}

.hero-background-image {
 display: none !important; 
}

.hero-section {

 width: 100vw !important;
 position: relative;
 left: 50%;
 right: 50%;
 margin-left: -50vw !important;
 margin-right: -50vw !important;

 background-color: #f8f9fa !important; 
 padding: 40px 0 !important;

 display: flex;
 align-items: center;
 justify-content: center;

 background-image: none !important;
 min-height: auto !important;
}

.hero-content {

 width: 94% !important;
 max-width: 1400px !important;
 min-height: 300px; 

 background: linear-gradient(135deg, #f8fafc 0%, #e5edf6 100%) !important;
 border-radius: 16px !important;
 box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
 border: 1px solid rgba(255,255,255,0.8) !important;

 padding: 50px 90px !important;

 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start; 
 text-align: left;

 backdrop-filter: none !important;
 margin: 0 auto !important;
}

.hero-title {
 color: #1a202c !important; 
 font-size: 2.5rem !important;
 font-weight: 800 !important;
 text-shadow: none !important;
 margin-bottom: 15px !important;
 max-width: 800px; 
}

.hero-subtitle {
 color: #4a5568 !important;
 font-size: 1.1rem !important;
 margin-bottom: 20px !important;
 opacity: 1 !important;
}

.hero-subtitle strong {
 color: #0d6efd !important; 
}

.hero-description {
 color: #64748b !important;
 font-size: 1.1rem !important;
 line-height: 1.6 !important;
 max-width: 700px;
 margin-bottom: 30px !important;
}

.hero-buttons {
 display: flex;
 gap: 15px;
 justify-content: flex-start !important; 
}

.hero-buttons .button-primary {
 background-color: #0d6efd !important;
 color: #ffffff !important;
 border: 1px solid #0d6efd !important;
 padding: 12px 30px !important;
 font-weight: 600 !important;
 box-shadow: 0 4px 12px rgba(13, 110, 253, 0.25) !important;
}

.hero-buttons .button-secondary {
 background-color: #ffffff !important;
 color: #4a5568 !important; 
 border: 1px solid #cbd5e0 !important;
 padding: 12px 30px !important;
}
.hero-buttons .button-secondary:hover {
 background-color: #f1f5f9 !important;
 color: #1e293b !important;
}

@media (max-width: 768px) {
 .hero-content {
 align-items: center !important; 
 text-align: center !important;
 padding: 40px 20px !important;
 }
 .hero-buttons {
 justify-content: center !important;
 flex-direction: column;
 width: 100%;
 }
 .hero-buttons .button {
 width: 100%;
 text-align: center;
 }
}

.hero-content {
 flex-direction: row !important; 
 align-items: center !important;
 justify-content: space-between !important;
 text-align: left !important;
 gap: 40px; 
 overflow: visible !important; 
}

.hero-text-wrapper {
 flex: 1; 
 padding-right: 20px;
}

.hero-text-wrapper .hero-title,
.hero-text-wrapper .hero-subtitle,
.hero-text-wrapper .hero-description {
 text-align: left !important;
 margin-left: 0 !important;
}

.hero-buttons {
 justify-content: flex-start !important;
}

.hero-image-wrapper {
 flex: 0 0 280px; 
 display: flex;
 justify-content: center;
 align-items: center;
 perspective: 1000px; 
}

.journal-cover-3d {
 width: 100%;
 height: auto;
 max-width: 250px; 
 border-radius: 4px 8px 8px 4px; 

 transform: rotateY(-15deg) rotateX(5deg); 
 box-shadow: 
 -15px 15px 25px rgba(0,0,0,0.3), 
 -2px 0 0 rgba(255,255,255,0.2) inset; 

 transition: all 0.4s ease; 
 border: 1px solid rgba(0,0,0,0.1); 
}

.journal-cover-3d:hover {
 transform: rotateY(0deg) rotateX(0deg) scale(1.05);
 box-shadow: 0 20px 40px rgba(0,0,0,0.25);
 z-index: 10;
}

@media (max-width: 960px) {
 .hero-content {
 flex-direction: column-reverse !important; 
 text-align: center !important;
 padding: 40px 20px !important;
 }

 .hero-text-wrapper {
 padding-right: 0;
 }

 .hero-text-wrapper .hero-title,
 .hero-text-wrapper .hero-subtitle,
 .hero-text-wrapper .hero-description {
 text-align: center !important;
 }

 .hero-buttons {
 justify-content: center !important;
 }

 .hero-image-wrapper {
 margin-bottom: 20px;
 flex: auto;
 width: 100%;
 }

 .journal-cover-3d {
 transform: rotateY(0) rotateX(0); 
 max-width: 200px; 
 }
}

.article-list-item:last-child {
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
}
.article-list-item:last-child::after {
 display: none;
}

.article-list-item::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 10%; 
 width: 80%;
 height: 1px;
 background: linear-gradient(90deg, 
 rgba(226, 232, 240, 0) 0%, 
 rgba(226, 232, 240, 1) 50%, 
 rgba(226, 232, 240, 0) 100%); 
}

.logo-slider-track {

 justify-content: center !important; 

 width: fit-content;
 min-width: 100%;
}

.meta-left {
 gap: 25px !important; 
}

.issue-bar {
 margin-bottom: 15px !important; 
}

.article-header {
 margin-bottom: 10px !important;
}

.authors-block {
 margin-top: 5px !important;
}

.article-list-item:last-child {
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
}
.article-list-item:last-child::before,
.article-list-item:last-child::after {
 display: none;
}

.article-list-item::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background: linear-gradient(90deg, transparent, #e2e8f0, transparent); 
 z-index: 1;
}

.article-list-item::after {
 content: "♦"; 
 position: absolute;
 bottom: -12px; 
 left: 50%;
 transform: translateX(-50%);
 background-color: #fff; 
 padding: 0 15px;
 color: #cbd5e1; 
 font-size: 14px;
 z-index: 2;
}

.indeks-karti-tekli .textwidget {
 align-items: center; 
}

.indeks-karti-tekli .textwidget img {
 padding-right: 25px !important;
 margin-right: 25px !important;
 margin-left: 0 !important;
 border-right: 1px solid #e2e8f0; 
 height: 40px !important; 
 object-fit: contain;
}

.indeks-karti-tekli .textwidget img:last-child {
 border-right: none !important;
 padding-right: 0 !important;
 margin-right: 0 !important;
}

.unified-sections-card {
 background: var(--bg-card, #ffffff);
 border-radius: var(--radius, 16px);
 border: 1px solid var(--border, #e2e8f0);
 box-shadow: var(--shadow, 0 12px 28px rgba(15, 23, 42, .08));
 overflow: hidden; 
 margin-bottom: 30px;
}

.unified-sections-card details.body-card {
 margin: 0 !important; 
 border: none !important; 
 box-shadow: none !important; 
 border-radius: 0 !important; 
 border-bottom: 1px solid #f1f5f9 !important; 
 padding-bottom: 10px !important; 
}

.unified-sections-card details.body-card:last-child {
 border-bottom: none !important;
 padding-bottom: 15px !important; 
}

.unified-sections-card details.body-card::before {
 top: 0;
 bottom: 0;
 height: auto; 
}

.unified-sections-card details[open] .body-content {
 padding-bottom: 15px; 
}

.unified-sections-card {
 position: relative; 
 background: var(--bg-card, #ffffff);
 border-radius: var(--radius, 16px);
 border: 1px solid var(--border, #e2e8f0);
 box-shadow: var(--shadow, 0 12px 28px rgba(15, 23, 42, .08));
 overflow: hidden; 
 margin-bottom: 30px;
 padding-left: 4px; 
}

.unified-sections-card::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0; 
 width: 4px; 
 background: linear-gradient(to bottom, #0f4c81, #0ea5e9);
 z-index: 5;
}

.unified-sections-card details.body-card {
 background: transparent !important;
 box-shadow: none !important;
 border: none !important;
 border-radius: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
}

.unified-sections-card details.body-card::before {
 display: none !important;
}

.unified-sections-card details.body-card summary .header-strip {
 margin: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 background: transparent !important; 
 padding: 15px 20px !important;

 border-bottom: 1px solid #f1f5f9; 
}

.unified-sections-card details.body-card:last-child summary .header-strip {
 border-bottom: none;
}

.unified-sections-card .body-content {
 padding: 0 20px 20px 20px !important; 
 margin-top: 0 !important;
}

.unified-sections-card details[open] + details summary .header-strip {
 border-top: 1px solid #e2e8f0;
}

.unified-sections-card {
 position: relative;
 background: var(--bg-card, #ffffff);
 border-radius: var(--radius, 16px);
 border: 1px solid var(--border, #e2e8f0);
 box-shadow: var(--shadow, 0 12px 28px rgba(15, 23, 42, .08));
 overflow: hidden;
 margin-bottom: 30px;

 padding-left: 4px; 
}

.unified-sections-card::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 4px;
 background: linear-gradient(to bottom, #0f4c81, #0ea5e9);
 z-index: 5;
}

.unified-sections-card details.body-card {
 background: transparent !important;
 box-shadow: none !important;
 border: none !important;
 border-radius: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
}

.unified-sections-card details.body-card::before {
 display: none !important;
}

.unified-sections-card details.body-card summary .header-strip {
 margin: 0 !important; 
 border-radius: 0 !important; 
 box-shadow: none !important;

 background: linear-gradient(90deg, #edf2f8, #ffffff) !important; 

 padding: 12px 20px !important;
 border-bottom: 1px solid #e2e8f0; 
}

.unified-sections-card .body-content {
 padding: 20px !important;
 margin-top: 0 !important;
 background-color: #fff; 
}

.unified-sections-card details.body-card:last-child summary .header-strip {

 border-bottom: 1px solid #e2e8f0; 
}

.unified-sections-card details.body-card:last-child:not([open]) summary .header-strip {
 border-bottom: none;
}

.issue-files-area {
 background-color: #f8fafc; 
 border-bottom: 1px solid #e2e8f0; 
 padding: 15px 20px; 
}

.issue-files-grid {
 display: flex;
 flex-wrap: wrap;
 gap: 10px; 
}

.issue-file-btn {
 display: inline-flex;
 align-items: center;
 gap: 8px; 
 background-color: #fff;
 color: #475569; 
 border: 1px solid #cbd5e1; 
 padding: 8px 16px;
 border-radius: 6px;
 font-size: 0.85rem;
 font-weight: 600;
 text-decoration: none;
 transition: all 0.2s ease;
 text-transform: uppercase; 
}

.issue-file-btn:hover {
 background-color: #fff;
 border-color: #0d6efd; 
 color: #0d6efd; 
 transform: translateY(-1px);
 box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.issue-file-btn.btn-full-issue {
 background-color: #0d6efd; 
 color: #fff; 
 border-color: #0d6efd;
}

.issue-file-btn.btn-full-issue:hover {
 background-color: #0b5ed7;
 border-color: #0b5ed7;
 color: #fff;
}

@media (max-width: 600px) {
 .issue-files-grid {
 display: grid;
 grid-template-columns: 1fr 1fr; 
 }
 .issue-file-btn {
 justify-content: center;
 width: 100%;
 text-align: center;
 }
}

.archive-card-title {
 font-size: 1.3rem;
 font-weight: 700;
 color: #1e293b;
 margin: 0 0 15px 0;
}

.archive-divider {
 height: 1px;
 background-color: #f1f5f9;
 margin-bottom: 20px;
 margin-left: -30px; 
 margin-right: -30px;
}

.archive-top-header {
 display: flex;
 align-items: center;
 justify-content: space-between; 
 margin-bottom: 20px; 
 width: 100%;
 flex-wrap: wrap;
 gap: 15px;
}

.archive-breadcrumb {
 font-size: 1rem;
 color: #64748b;
 font-weight: 500;
}
.archive-breadcrumb a {
 color: #0d6efd; 
 text-decoration: none;
}
.archive-breadcrumb .sep {
 margin: 0 8px;
 font-size: 0.8em;
 color: #cbd5e1;
}
.archive-breadcrumb .current {
 color: #334155; 
}

.archive-action-buttons {
 display: flex;
 gap: 10px;
}

.top-action-btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 16px;
 border-radius: 4px; 
 font-size: 0.85rem;
 font-weight: 600;
 text-transform: uppercase;
 text-decoration: none;
 transition: all 0.2s ease;

 background-color: #fff;
 border: 1px solid #d1d5db; 
 color: #4b5563; 
}
.top-action-btn:hover {
 border-color: #9ca3af;
 background-color: #f9fafb;
 color: #111;
}

.top-action-btn.btn-blue {
 background-color: #0d6efd; 
 border-color: #0d6efd;
 color: #fff;
}
.top-action-btn.btn-blue:hover {
 background-color: #0b5ed7;
 border-color: #0b5ed7;
}

.top-action-btn i {
 font-size: 1rem;
}

@media (max-width: 768px) {
 .archive-top-header {
 flex-direction: column;
 align-items: flex-start;
 }
 .archive-action-buttons {
 width: 100%;
 overflow-x: auto; 
 padding-bottom: 5px;
 }
 .top-action-btn {
 white-space: nowrap; 
 }
}

.top-action-btn,
.top-action-btn:visited, 
.top-action-btn:link {
 text-decoration: none !important; 
 color: #4b5563 !important; 
}

.top-action-btn:hover,
.top-action-btn:active,
.top-action-btn:focus {
 text-decoration: none !important; 
 color: #0d6efd !important; 
 border-color: #0d6efd !important; 
 background-color: #fff !important;
}

.top-action-btn.btn-blue,
.top-action-btn.btn-blue:visited,
.top-action-btn.btn-blue:link {
 color: #ffffff !important; 
 text-decoration: none !important;
}

.top-action-btn.btn-blue:hover,
.top-action-btn.btn-blue:active,
.top-action-btn.btn-blue:focus {
 color: #ffffff !important; 
 text-decoration: none !important;
 background-color: #0b5ed7 !important; 
 border-color: #0b5ed7 !important;
}

.archive-main-card {
 position: relative;
 background: #fff;
 border-radius: 16px; 
 box-shadow: 0 4px 20px rgba(0,0,0,0.05);
 overflow: hidden; 

 padding-left: 0 !important; 
}

.archive-main-card .body-content {
 padding-left: 30px !important; 
}

.archive-top-header {
 display: flex;
 flex-wrap: wrap; 
 justify-content: space-between; 
 align-items: center; 

 border-bottom: 1px solid #f1f5f9;
 padding-bottom: 20px;
 margin-bottom: 25px;
 gap: 15px; 
}

.archive-breadcrumb {
 font-size: 1rem;
 color: #64748b;
 font-weight: 500;

 flex-grow: 1; 
 margin-right: 20px; 
 min-width: 200px; 
}

.archive-action-buttons {
 display: flex;
 gap: 10px;

 flex-shrink: 0; 
 margin-left: auto; 
}

.top-action-btn {
 white-space: nowrap; 
}

@media (max-width: 768px) {
 .archive-top-header {
 flex-direction: column; 
 align-items: flex-start; 
 }

 .archive-breadcrumb {
 margin-right: 0;
 margin-bottom: 10px;
 width: 100%;
 }

 .archive-action-buttons {
 width: 100%;
 margin-left: 0; 
 flex-wrap: wrap; 
 }

 .top-action-btn {
 flex: 1; 
 justify-content: center;
 }
}

.article-list-item::before,
.article-list-item::after {
 display: none !important;
 content: none !important;
}

.article-list-item {
 position: relative; 

 border-bottom: 1px dashed #cbd5e1 !important; 
 padding-bottom: 25px !important;
 margin-bottom: 25px !important;
}

.article-list-item:last-child {
 border-bottom: none !important;
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
}

.archive-top-header {
 display: flex !important;
 flex-wrap: nowrap !important; 
 align-items: center !important;
 justify-content: space-between !important;
 gap: 20px !important;
 padding-bottom: 15px !important;
 margin-bottom: 20px !important;
 border-bottom: 1px solid #f1f5f9 !important;
}

.archive-breadcrumb {
 flex-shrink: 0; 
 white-space: nowrap; 
 font-size: 0.95rem !important;
}

.archive-action-buttons {
 display: flex !important;
 gap: 8px !important; 
 flex-wrap: nowrap !important; 
 margin-left: auto !important; 
}

.top-action-btn {
 padding: 6px 12px !important; 
 font-size: 0.8rem !important; 
 height: 34px !important; 
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 white-space: nowrap !important; 
}

@media (max-width: 768px) {
 .archive-top-header {
 flex-wrap: wrap !important; 
 gap: 15px !important;
 }
 .archive-breadcrumb {
 width: 100% !important;
 margin-bottom: 5px !important;
 }
 .archive-action-buttons {
 width: 100% !important;
 margin-left: 0 !important;
 overflow-x: auto; 
 padding-bottom: 5px;
 justify-content: flex-start !important;
 }
}

.archive-top-header {
 display: flex !important;
 flex-direction: column !important; 
 align-items: flex-start !important; 
 gap: 20px !important; 

 border-bottom: 1px solid #f1f5f9;
 padding-bottom: 20px;
 margin-bottom: 25px;
}

.archive-breadcrumb {
 width: 100%;
 margin-right: 0 !important;
}

.archive-action-buttons {
 width: 100%;
 margin-left: 0 !important; 
 justify-content: flex-start !important; 
 display: flex;
 flex-wrap: wrap; 
 gap: 10px;
}

.author-text {
 max-height: 105px; 
 overflow-y: auto; 
 padding-right: 10px; 
}

.author-text::-webkit-scrollbar {
 width: 4px; 
}

.author-text::-webkit-scrollbar-track {
 background: #f1f1f1; 
 border-radius: 4px;
}

.author-text::-webkit-scrollbar-thumb {
 background: #ccc; 
 border-radius: 4px;
}

.author-text::-webkit-scrollbar-thumb:hover {
 background: #bbb;
}

.article-meta-band {
 align-items: center; 

}

@media (max-width: 768px) {
 .author-text {
 max-height: none;
 overflow-y: visible;
 }
}

.author-details-grid {
 display: grid;
 grid-template-columns: 1fr 1fr; 
 gap: 10px 30px; 
 margin-top: 8px;
 align-items: center; 
}

.affiliation-line-item {
 font-size: 0.9rem;
 color: #64748b; 
 line-height: 1.4;
 display: flex;
 align-items: center; 
 flex-wrap: wrap; 
}

@media (max-width: 600px) {
 .author-details-grid {
 grid-template-columns: 1fr; 
 gap: 10px;
 }
}

.keywords-row {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
 align-items: center;
}
.keyword-pill {
 font-size: 0.8rem;
 padding: 3px 8px;
 border-radius: 4px;
 background: #f1f5f9;
 color: #475569;
 text-decoration: none;
 border: 1px solid #e2e8f0;
 transition: all 0.2s ease;
}
.keyword-pill:hover {
 background: #e2e8f0;
 color: #0f172a;
}

html {
 scroll-behavior: smooth;
}

.author-details-grid-clean {
 display: grid;
 grid-template-columns: 1fr 1fr; 
 column-gap: 40px; 
 row-gap: 8px; 
 margin-top: 5px;
 align-items: start;
}

.clean-author-row {
 display: flex;
 align-items: center;
 flex-wrap: wrap; 
 font-size: 0.9rem;
 color: #475569; 
 line-height: 1.5;
}

.auth-num {
 color: #0f172a; 
 font-weight: bold;
 margin-right: 6px;
 font-size: 0.75em;
 vertical-align: top;
}

.auth-inst {
 margin-right: 10px;
 color: #475569;
}

.auth-icons {
 display: inline-flex;
 align-items: center;
 gap: 6px;
}
.auth-icons a {
 text-decoration: none;
 display: inline-flex;
 align-items: center;
 transition: transform 0.2s;
}
.auth-icons a:hover {
 transform: scale(1.1);
}

.auth-icons i {
 font-size: 1.1em;
}

.keyword-pill {
 display: inline-block;
 padding: 3px 10px;
 margin: 0 4px 4px 0;
 border-radius: 999px;
 background: #f1f5f9;
 color: #475569;
 font-size: 0.8rem;
 text-decoration: none;
 border: 1px solid #e2e8f0;
 transition: 0.2s;
}
.keyword-pill:hover {
 background: #e2e8f0;
 color: #0f172a;
}

@media (max-width: 600px) {
 .author-details-grid-clean {
 grid-template-columns: 1fr; 
 row-gap: 12px;
 }
}

.author-details-grid-clean {
 display: grid;
 grid-template-columns: 1fr 1fr; 
 column-gap: 40px; 
 row-gap: 8px; 
 margin-top: 5px;
 align-items: start;

 max-height: 250px;
 overflow-y: auto;
 padding-right: 10px;
}

.clean-author-row {
 display: flex;
 align-items: center;
 flex-wrap: wrap; 
 font-size: 0.9rem;
 color: #475569; 
 line-height: 1.5;
}

.auth-num {
 color: #0ea5e9; 
 font-weight: bold;
 margin-right: 6px;
 font-size: 0.75em;
 vertical-align: top;
}

.auth-inst {
 margin-right: 10px;
 color: #475569;
}

.auth-icons {
 display: inline-flex;
 align-items: center;
 gap: 6px;
}
.auth-icons a {
 text-decoration: none;
 display: inline-flex;
 align-items: center;
 transition: transform 0.2s;
}
.auth-icons a:hover {
 transform: scale(1.1);
}

.auth-icons i {
 font-size: 1.1em;
}

.author-details-grid-clean::-webkit-scrollbar { width: 4px; }
.author-details-grid-clean::-webkit-scrollbar-track { background: #f1f1f1; }
.author-details-grid-clean::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }

@media (max-width: 600px) {
 .author-details-grid-clean {
 grid-template-columns: 1fr; 
 }
}

.action-buttons .btn,
.action-buttons .btn:visited,
.action-buttons .btn:hover,
.action-buttons .btn:active,
.action-buttons .btn:focus {
 text-decoration: none !important; 
}

.action-buttons .btn-primary,
.action-buttons .btn-primary:visited,
.action-buttons .btn-primary:hover,
.action-buttons .btn-primary:active {
 color: #ffffff !important; 
 text-decoration: none !important;
}

.action-buttons .btn:not(.btn-primary),
.action-buttons .btn:not(.btn-primary):visited {
 color: #0f172a !important; 
}

.action-buttons .btn:not(.btn-primary):hover {
 color: #0f172a !important; 
}

.logo-slider-track a {
 display: inline-block;
 cursor: pointer;
 text-decoration: none;
}
.logo-slider-track img {
 pointer-events: auto !important; 
 user-select: none; 
}

.lightbox-trigger {
 display: block;
 cursor: zoom-in; 
 position: relative;
}

.custom-lightbox-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.9); 
 z-index: 99999; 
 display: flex;
 justify-content: center;
 align-items: center;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
 backdrop-filter: blur(5px); 
 cursor: zoom-out;
}

.custom-lightbox-overlay.active {
 opacity: 1;
 visibility: visible;
}

.custom-lightbox-img {
 max-width: 90%;
 max-height: 90vh; 
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
 border-radius: 4px;
 transform: scale(0.9);
 transition: transform 0.3s ease;
 user-select: none;
 pointer-events: none; 
}

.custom-lightbox-overlay.active .custom-lightbox-img {
 transform: scale(1);
}

.lightbox-close-btn {
 position: absolute;
 top: 20px;
 right: 30px;
 color: #fff;
 font-size: 40px;
 font-weight: bold;
 cursor: pointer;
 transition: color 0.2s;
 line-height: 1;
 z-index: 100000;
}
.lightbox-close-btn:hover {
 color: #E67E22; 
}

.hero-image-wrapper {
 perspective: 1000px; 
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 10;
 padding: 20px; 
}

.book-3d-link {
 display: inline-block;
 position: relative;
 text-decoration: none;
 outline: none;
 border: none;
 transform-style: preserve-3d; 
 cursor: zoom-in; 
 transition: transform 0.5s ease; 
}

.journal-cover-3d {
 display: block;
 max-width: 280px; 
 height: auto;
 border-radius: 4px 8px 8px 4px; 

 transform: rotateY(-25deg) rotateX(5deg); 

 box-shadow: 
 -15px 15px 25px rgba(0,0,0,0.35), 
 -2px 1px 1px rgba(255,255,255,0.2) inset; 

 transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}

.book-3d-link:hover .journal-cover-3d {
 transform: rotateY(0deg) rotateX(0deg) scale(1.05); 
 box-shadow: 0 20px 40px rgba(0,0,0,0.2); 
 z-index: 20;
}

@media (max-width: 768px) {
 .hero-image-wrapper {
 perspective: none; 
 }
 .journal-cover-3d {
 transform: rotateY(0) rotateX(0); 
 max-width: 200px;
 box-shadow: 0 10px 20px rgba(0,0,0,0.2);
 }
 .book-3d-link:hover .journal-cover-3d {
 transform: scale(1.02); 
 }
}

a, 
a:visited, 
a:hover, 
a:active, 
a:focus {
 text-decoration: none !important; 
 box-shadow: none !important; 
}

a:visited {
 color: inherit; 
}

.btn, .button, 
.btn-primary, .button-primary, 
.btn-secondary, .button-secondary,
.keyword-pill, .related-title-link,
.top-action-btn, .issue-bar a {
 text-decoration: none !important;
}

.btn-primary, .button-primary,
.btn-primary:visited, .button-primary:visited,
.btn-primary:hover, .button-primary:hover {
 color: #ffffff !important;
}

.btn-secondary, .button-secondary,
.btn-secondary:visited, .button-secondary:visited {
 color: #333333 !important; 
}

.widget a:visited, 
.menu-item a:visited,
.entry-title a:visited {

 color: inherit; 
}

/* ==========================================================================
   ANASAYFA MAKALE LİSTESİ YENİ TASARIMI (Cards)
   ========================================================================== */

/* 1. Dış Kutu (Wrapper) */
.issue-box {
    background: #f4f6fb; /* Yumuşak arka plan */
    border-radius: 24px;
    padding: 24px 28px 30px;
}

/* 2. Başlık Alanı */
.issue-header {
    margin-bottom: 25px;
}
.issue-label {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280; /* Muted text */
    display: block;
    margin-bottom: 5px;
}
.issue-title {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #111827; /* Main text */
}

/* 3. Liste Düzeni */
.articles-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 4. Makale Kartı */
.article-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 20px 24px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
}

.article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.09);
    border-color: rgba(37, 99, 235, 0.35); /* Accent border */
}

/* Üst Satır (Sayfa + Buton) */
.article-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.article-pages {
    font-size: 0.8rem;
    font-weight: 700;
    color: #f97316; /* Turuncu vurgu */
    text-transform: uppercase;
}

/* İncele Butonu */
.article-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: none;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: #2563eb; /* Accent Color */
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25);
    transition: all 0.2s ease;
}

.article-action:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35);
    color: #fff !important;
}

.article-action-icon {
    font-size: 1rem;
    line-height: 1;
}

/* Makale Başlıkları */
.article-card .article-title {
    margin: 5px 0 6px;
    font-size: 1.15rem;
    line-height: 1.4;
    font-weight: 700;
}
.article-card .article-title a {
    color: #111827;
    text-decoration: none;
    transition: color 0.2s;
}
.article-card .article-title a:hover {
    color: #2563eb;
}

.article-subtitle {
    margin: 0 0 12px 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #6b7280;
    font-style: italic;
}

/* Etiketler (Tag) */
.article-tags {
    margin-top: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.article-tags .tag {
    padding: 4px 12px;
    font-size: 0.8rem;
    border-radius: 999px;
    background: #eff6ff; /* Accent Soft */
    border: 1px solid #dbeafe;
    color: #1d4ed8;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.2s;
}
.article-tags .tag:hover {
    background: #dbeafe;
    border-color: #bfdbfe;
}

/* Yazarlar */
.article-authors {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: #4b5563;
    border-top: 1px dashed #e2e8f0;
    padding-top: 12px;
}

/* Mobil Uyum */
@media (max-width: 640px) {
    .issue-box { padding: 20px 15px; }
    .article-card { padding: 18px 15px; }
    .article-top {
        align-items: flex-start;
        flex-direction: column;
    }
    .article-action { align-self: flex-start; }
}

/* ==========================================================================
   ANASAYFA MAKALE KARTLARI (GÜNCEL: Gri Zemin + Tam Tıklanabilir)
   ========================================================================== */

/* 1. Kart Tasarımı (Gri Zemin) */
.article-card {
    position: relative; /* Stretched link için gerekli referans noktası */
    background-color: var(--light-bg, #f8f9fa); /* Sidebar ile aynı gri */
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 24px;
    box-shadow: none; /* Varsayılan gölgeyi kaldır (daha sade) */
    transition: all 0.2s ease;
}

/* Hover Durumu: Beyaz olup öne çıkması */
.article-card:hover {
    background-color: #ffffff;
    border-color: var(--primary-color, #0d6efd);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

/* 2. Kartın Tamamını Tıklanabilir Yapma (Stretched Link) */
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Kart yüzeyini kaplar */
    content: "";
    border-radius: 16px; /* Kartın köşelerine uysun */
}

/* 3. Etiketleri Bağımsız Yapma (Z-Index Ayarı) */
/* Etiketler linkin üzerinde durmalı ki onlara ayrı tıklanabilsin */
.article-tags {
    position: relative;
    z-index: 2; /* Stretched link'ten (z-index:1) daha yüksek */
    pointer-events: none; /* Kapsayıcı tıklamayı engellemesin */
}

.article-tags .tag {
    pointer-events: auto; /* Etiketlerin kendisi tıklanabilir olsun */
    position: relative;
    z-index: 3;
}

/* Yazarların da seçilebilir olması için (Opsiyonel) */
.article-authors {
    position: relative;
    z-index: 2;
}

/* 4. İçerik Düzeni */
.article-top-meta {
    margin-bottom: 8px;
}
.article-pages {
    font-size: 0.75rem;
    font-weight: 700;
    color: #f97316; /* Turuncu */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.article-card .article-title {
    margin: 0 0 5px 0;
    font-size: 1.25rem;
    line-height: 1.3;
}

.article-card .article-title a {
    color: var(--title-color, #212529);
    text-decoration: none;
    transition: color 0.2s;
}

/* Hover olunca başlık rengi değişsin */
.article-card:hover .article-title a {
    color: var(--primary-color, #0d6efd);
}

/* Mobil Düzenleme */
@media (max-width: 600px) {
    .article-card {
        padding: 20px;
    }
}
/* ==========================================================================
   ANASAYFA MAKALE KARTLARI (GÜNCEL: Gri Zemin + Tam Tıklanabilir)
   ========================================================================== */

/* 1. Kart Tasarımı (Gri Zemin - Sidebar İle Aynı) */
.article-card {
    position: relative; /* Stretched link için referans noktası */
    background-color: #f8f9fa; /* Sidebar grisi */
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 24px;
    box-shadow: none; /* Varsayılan gölgeyi kaldır (sade görünüm) */
    transition: all 0.2s ease;
}

/* Hover Durumu: Beyaz olup öne çıkması */
.article-card:hover {
    background-color: #ffffff;
    border-color: #0d6efd; /* Vurgu rengi kenarlık */
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); /* Hafif gölge */
    transform: translateY(-3px);
}

/* 2. Kartın Tamamını Tıklanabilir Yapma (Stretched Link) */
/* Başlıktaki linkin sanal bir kopyasını oluşturup tüm kartı kaplar */
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; 
    content: "";
    border-radius: 16px;
}

/* 3. Etiketleri Bağımsız Yapma (Önemli!) */
/* Etiketlerin z-index değerini artırarak stretched-link'in üzerine çıkarıyoruz */
.article-tags {
    position: relative;
    z-index: 2; 
    pointer-events: none; /* Kapsayıcı tıklamayı engellemesin */
}

.article-tags .tag {
    pointer-events: auto; /* Etiketlerin kendisi tıklanabilir olsun */
    position: relative;
    z-index: 3;
}

/* Yazarların da metin olarak seçilebilmesi için */
.article-authors {
    position: relative;
    z-index: 2;
}

/* 4. İçerik Düzeni */
.article-top-meta {
    margin-bottom: 8px;
}
.article-pages {
    font-size: 0.75rem;
    font-weight: 700;
    color: #f97316; /* Turuncu */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.article-card .article-title {
    margin: 0 0 5px 0;
    font-size: 1.25rem;
    line-height: 1.3;
}

/* Başlık Linki (Görünmez ama işlevsel) */
.article-card .article-title a {
    color: #212529;
    text-decoration: none;
    transition: color 0.2s;
}

/* Kartın üzerine gelince başlık rengi değişsin */
.article-card:hover .article-title a {
    color: #0d6efd;
}

/* Mobil Düzenleme */
@media (max-width: 600px) {
    .article-card {
        padding: 20px;
    }
}

/* ==========================================================================
   ANASAYFA TASARIM REVİZYONU (Kapsayıcı Gri, Kartlar Beyaz)
   ========================================================================== */

/* 1. Dış Alan (Sidebar Grisi Arka Plan) */
.issue-box {
    background-color: var(--light-bg, #f8f9fa); /* Sidebar rengi */
    border-radius: 24px;
    padding: 30px;
    border: 1px solid #e9ecef; /* Sidebar ile uyumlu ince sınır */
}

/* 2. Makale Kartları (Beyaz Arka Plan) */
.article-card {
    position: relative; /* Stretched link için */
    background-color: #ffffff; /* Kartlar BEYAZ olsun */
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); /* Hafif gölge */
    transition: all 0.2s ease;
}

/* Hover Durumu: Kart yukarı kalksın */
.article-card:hover {
    background-color: #ffffff; /* Rengi beyaz kalsın */
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); /* Gölgeyi artır */
    border-color: var(--primary-color, #0d6efd); /* Kenarlığı mavi yap */
}

/* 3. Link ve Etiket Düzenlemeleri (Önceki ayarların korunduğundan emin olalım) */
.stretched-link::after {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 1;
    content: "";
    border-radius: 18px;
}

.article-tags, 
.article-authors {
    position: relative;
    z-index: 2; /* Kart linkinin üzerine çıkar */
    pointer-events: none; /* Kapsayıcı tıklamayı engellemesin */
}

.article-tags .tag {
    pointer-events: auto; /* Etiketlere tıklanabilsin */
}

/* Mobil Düzenleme */
@media (max-width: 600px) {
    .issue-box {
        padding: 20px 15px; /* Mobilde kenar boşluğunu azalt */
        border-radius: 16px;
    }
    .article-card {
        padding: 20px;
    }
}

/* ==========================================================================
   KART İÇERİĞİNDE İKON VE METİN HİZALAMASI (ASILI GİRİNTİ)
   ========================================================================== */

/* 1. Satır Yapısı (Flexbox) */
.meta-row {
    display: flex;
    align-items: flex-start; /* Metin uzasa bile ikon üstte kalsın */
    gap: 12px; /* İkon ile metin arasındaki boşluk */
    margin-bottom: 10px;
}

/* 2. Ortak İkon Stili */
.meta-icon {
    flex-shrink: 0; /* İkonun sıkışmasını engelle */
    width: 20px;    /* İkon alanı genişliği sabit olsun */
    text-align: center;
    color: #94a3b8; /* Hafif gri/mavi tonu (Göz yormaz) */
    font-size: 1rem;
    margin-top: 3px; /* Metnin ilk satırıyla görsel hizalama */
}

/* 3. İçerik Kapsayıcıları (Text Wrappers) */
.tags-wrapper,
.authors-wrapper {
    flex: 1; /* Kalan alanı doldur */
    display: flex;
    flex-wrap: wrap; /* Sığmazsa aşağı geçsin */
    gap: 6px; /* Etiketler arası boşluk */
}

/* 4. Etiketler (Tags) */
.article-tags {
    margin-top: 15px;
    margin-bottom: 15px;
    /* Z-index ayarı önceki adımdan korunmalı */
    position: relative;
    z-index: 2;
    pointer-events: none; 
}
.tags-wrapper .tag {
    pointer-events: auto; /* Etiketlere tıklanabilsin */
}

/* 5. Yazarlar (Authors) */
.article-authors {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: #4b5563;
    /* Çizgiyi kaldırdık, ikon hiyerarşiyi sağlıyor */
    border-top: none; 
    padding-top: 0;
    
    position: relative;
    z-index: 2;
}

/* 6. Sayfa Numarası Hizalaması */
.article-top-meta {
    margin-bottom: 8px;
    align-items: center; /* Sayfa numarası tek satır olduğu için ortala */
}
.article-top-meta .meta-icon {
    margin-top: 0; /* Ortalamak için üst boşluğu al */
    color: #f97316; /* Sayfa numarası rengiyle (Turuncu) uyum */
}

/* ==========================================================================
   GENEL ARŞİV SAYFASI (TÜM SAYILAR) TASARIMI
   ========================================================================== */

/* 1. Izgara Yapısı */
.issues-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); /* Responsive Grid */
    gap: 30px;
    margin-top: 20px;
}

/* 2. Sayı Kartı (Dış Çerçeve) */
.issue-grid-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 100%;
}

.issue-grid-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #0d6efd;
}

/* 3. Kapak Alanı */
.issue-card-cover {
    background: #f8fafc;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
}

.issue-card-cover img {
    width: 100%;
    max-width: 140px; /* Kapak boyutu */
    height: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15); /* Hafif gölge */
    border-radius: 4px;
    transition: transform 0.3s ease;
}

.issue-grid-card:hover .issue-card-cover img {
    transform: scale(1.05);
}

/* 4. Alt Bilgi Alanı */
.issue-card-body {
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.issue-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.issue-grid-card:hover .issue-card-title {
    color: #0d6efd;
}

.issue-card-meta {
    font-size: 0.85rem;
    color: #64748b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f1f5f9;
    padding: 6px 12px;
    border-radius: 6px;
}

.issue-count {
    font-weight: 600;
}

/* ==========================================================================
   GENEL ARŞİV LİSTESİ (Detaylı Kart Görünümü)
   ========================================================================== */

/* 1. Kart Genel Yapısı */
.issue-full-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    border: 1px solid #e2e8f0;
    margin-bottom: 40px;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.issue-full-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* 2. Üst Kısım (Kapak + Bilgi) */
.issue-card-top {
    padding: 30px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* Kapak */
.issue-cover-area {
    flex: 0 0 160px; /* Sabit genişlik */
}
.issue-cover-area img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    transform: rotateY(-10deg); /* Hafif 3D */
    transition: transform 0.3s ease;
}
.issue-full-card:hover .issue-cover-area img {
    transform: rotateY(0deg) scale(1.05);
}

/* Bilgiler */
.issue-info-area {
    flex: 1;
}
.issue-title-text {
    margin: 0 0 10px 0;
    font-size: 1.5rem;
    font-weight: 700;
}
.issue-title-text a {
    color: #1e293b;
    text-decoration: none;
}
.issue-title-text a:hover { color: #0d6efd; }

.issue-desc-text {
    font-size: 0.95rem;
    color: #64748b;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Butonlar */
.issue-buttons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.issue-mini-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #475569;
    text-decoration: none !important;
    background: #fff;
    transition: all 0.2s;
}
.issue-mini-btn:hover {
    border-color: #0d6efd;
    color: #0d6efd;
    background: #f8fafc;
}
.issue-mini-btn.btn-blue {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}
.issue-mini-btn.btn-blue:hover {
    background: #0b5ed7;
}

/* 3. Akordiyon (Makaleler) */
.issue-accordion {
    border-top: 1px solid #f1f5f9;
}
.issue-acc-summary {
    list-style: none;
    padding: 20px 30px;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    color: #334155;
    transition: background 0.2s;
}
.issue-acc-summary:hover { background: #f1f5f9; }
.issue-acc-summary::-webkit-details-marker { display: none; }

.issue-acc-content {
    padding: 0 30px 30px 30px;
    background: #fff;
}

/* 4. Makale Satırları */
.simple-article-row {
    padding: 15px 0;
    border-bottom: 1px dashed #e2e8f0;
}
.simple-article-row:last-child { border-bottom: none; padding-bottom: 0; }

.row-top {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #f97316;
    font-weight: 700;
    margin-bottom: 5px;
}
.row-title {
    margin: 0 0 5px 0;
    font-size: 1.05rem;
}
.row-title a { color: #1e293b; text-decoration: none; }
.row-title a:hover { color: #0d6efd; }

.row-authors {
    font-size: 0.85rem;
    color: #64748b;
}
.row-authors i { margin-right: 5px; }

/* Mobil Uyum */
@media (max-width: 600px) {
    .issue-card-top { flex-direction: column; text-align: center; }
    .issue-cover-area { margin: 0 auto; }
    .issue-buttons-row { justify-content: center; }
}

/* ==========================================================================
   ARŞİV LİSTE SAYFASI (KARTLI YAPI)
   ========================================================================== */

/* 1. Kart Kapsayıcısı */
.archive-issue-card {
    background-color: #ffffff;
    border-radius: 20px; /* Yumuşak köşe */
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    border: 1px solid #e2e8f0;
    margin-bottom: 40px; /* Kartlar arası boşluk */
    overflow: hidden;
}

/* 2. Üst Kısım (Flex: Kapak + Bilgi) */
.archive-issue-top {
    padding: 30px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.archive-cover-wrapper {
    flex: 0 0 140px; /* Liste sayfasında kapak biraz daha küçük olabilir */
}
.archive-cover-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    display: block;
}

.archive-info-wrapper {
    flex: 1;
}

.archive-issue-title {
    margin: 0 0 10px 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}
.archive-issue-title a {
    color: #1e293b;
    text-decoration: none;
}
.archive-issue-title a:hover { color: #0d6efd; }

.archive-issue-desc {
    font-size: 0.95rem;
    color: #64748b;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Buton Ayarları (Liste için biraz küçültülmüş) */
.issue-buttons-grid.small-gap {
    gap: 10px;
}
.issue-btn.btn-sm {
    padding: 8px 16px;
    font-size: 0.8rem;
}

/* 3. Alt Kısım (Akordiyon) */
.archive-issue-bottom {
    border-top: 1px solid #f1f5f9;
}

/* Akordiyon Stilleri (Önceki kodlardan miras alınır ama garanti olsun) */
.articles-accordion {
    background: #fdfdfd; /* Hafif ton farkı */
}
.accordion-summary {
    padding: 15px 30px;
}
.accordion-content {
    padding: 0 30px 30px 30px;
}

/* 4. Mobil Uyum */
@media (max-width: 600px) {
    .archive-issue-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }
    .archive-cover-wrapper {
        margin-bottom: 15px;
    }
    .issue-buttons-grid {
        justify-content: center;
    }
    .issue-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================================
   ARŞİV SAYFASI MODERN TASARIM (GÖRSELDEKİ GİBİ)
   ========================================================================== */

/* 1. Kart Genel */
.archive-issue-card-modern {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    transition: transform 0.2s;
}
.archive-issue-card-modern:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border-color: #cbd5e1;
}

.issue-card-inner {
    display: flex;
    gap: 25px;
}

/* 2. Kapak (Sol) */
.issue-cover-modern {
    flex: 0 0 130px;
}
.issue-cover-modern img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    display: block;
}

/* 3. İçerik (Sağ) */
.issue-content-modern {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.issue-title-modern {
    margin: 0 0 15px 0;
    font-size: 1.4rem;
    font-weight: 700;
}
.issue-title-modern a {
    color: #1e293b;
    text-decoration: none;
}
.issue-title-modern a:hover { color: #0d6efd; }

.issue-buttons-modern {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 25px;
}

.btn-modern {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    
    /* Estetik: Hafif yuvarlak köşeler, ince border */
    border-radius: 8px; 
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569; /* Koyu gri */
    text-decoration: none !important;
    
    /* Hafif gölge ve geçiş */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

.btn-modern i {
    color: #94a3b8; /* İkon rengi daha silik */
    font-size: 1rem;
    transition: color 0.2s;
}

/* Hover Efekti */
.btn-modern:hover {
    border-color: #cbd5e1;
    background-color: #f8fafc;
    color: #1e293b; /* Yazı koyulaşsın */
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.btn-modern:hover i {
    color: #0d6efd; /* İkon mavi olsun */
}

/* Öne Çıkan Buton (Tüm Sayı - İçi Mavi) */
.btn-modern.btn-highlight {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #ffffff;
}
.btn-modern.btn-highlight i {
    color: #ffffff;
}
.btn-modern.btn-highlight:hover {
    background-color: #0b5ed7;
    border-color: #0b5ed7;
    color: #ffffff;
}


/* --- 2. Minimal Yazarlı Liste --- */
.minimal-article-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-item-row {
    display: flex;
    align-items: flex-start; /* Sayfa numarası yukarıda kalsın */
    gap: 15px;
    border-bottom: 1px dashed #e2e8f0;
    padding: 12px 0;
}
.list-item-row:last-child {
    border-bottom: none;
}

/* Sol Taraf: Sayfa Numarası */
.list-page {
    font-size: 0.75rem;
    font-weight: 700;
    color: #f97316; /* Turuncu */
    background: #fff7ed; /* Çok açık turuncu zemin */
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    min-width: 65px;
    text-align: center;
    margin-top: 2px; /* Başlıkla görsel hizalama */
}

/* Sağ Taraf: Başlık ve Yazar */
.list-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.list-title-link {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.2s;
}
.list-title-link:hover {
    color: #0d6efd;
}

/* Yazar İsimleri */
.list-authors-text {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 400;
    
    display: flex;
    align-items: flex-start; /* ÖNEMLİ: İkonu en tepeye sabitle */
    gap: 8px; /* İkon ile metin arası boşluk */
    line-height: 1.5; /* Metin satır yüksekliği */
}

.list-authors-text i {
    font-size: 0.9em; /* İkon boyutu */
    color: #94a3b8;
    
    margin-top: 4px; /* İkonu metnin ilk satırıyla görsel olarak hizala */
    flex-shrink: 0;  /* İkonun sıkışmasını/ezilmesini engelle */
}

/* Mobil Uyum */
@media (max-width: 600px) {
    .issue-buttons-modern {
        justify-content: center;
    }
    .btn-modern {
        width: 100%; /* Mobilde tam genişlik */
        justify-content: center;
    }
    .list-item-row {
        flex-direction: column; /* Sayfa no üste geçsin */
        gap: 5px;
    }
    .list-page {
        align-self: flex-start;
        margin-top: 0;
    }
}
/* ==========================================================================
   MODERN AKORDİYON DÜZELTMESİ (İKON EN SAĞDA)
   ========================================================================== */

/* 1. Akordiyon Kapsayıcısı */
.modern-accordion {
    width: 100%; /* Kapsayıcının tamamını kapla */
    margin-top: 25px; /* Butonlardan uzaklaş */
    border-top: 1px solid #f1f5f9; /* Üst çizgi ile ayır */
}

/* 2. Başlık Satırı (Summary) */
.modern-summary {
    display: flex !important; /* Flex yapısını zorla */
    justify-content: space-between !important; /* Biri en sola, biri en sağa */
    align-items: center;
    
    width: 100%;
    padding: 15px 0; /* Dikey boşluk */
    cursor: pointer;
    list-style: none; /* Varsayılan üçgeni kaldır */
    outline: none;
    
    font-weight: 700;
    color: #334155;
    transition: color 0.2s;
}

.modern-summary:hover {
    color: #0d6efd; /* Üzerine gelince metin mavi olsun */
}

/* Varsayılan detay marker'ını gizle (Webkit) */
.modern-summary::-webkit-details-marker { 
    display: none; 
}

/* 3. Metin ve İkon */
.summary-text {
    font-size: 0.95rem;
}

.summary-icon {
    font-size: 0.9rem;
    color: #94a3b8;
    background-color: #f8fafc; /* İkon arkasına hafif zemin */
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.3s ease, background-color 0.2s;
}

/* Akordiyon Açıkken İkon Dönsün */
details[open] .summary-icon {
    transform: rotate(180deg);
    background-color: #e2e8f0;
    color: #1e293b;
}

/* 4. İçerik Alanı */
.modern-content {
    padding-top: 10px;
    padding-bottom: 10px;
    /* Hafif sol girinti vererek hiyerarşiyi belli et */
    padding-left: 5px; 
}

/* ==========================================================================
   SMART STICKY HEADER & MOBİL HİZALAMA (DÜZELTİLMİŞ)
   ========================================================================== */

/* 1. Header Sabitleme (Smart Sticky Temeli) */
.new-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background-color: #ffffff;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; /* Animasyon */
    will-change: transform; /* Performans artırır */
}

/* Sayfa içeriğinin header altında kalmaması için */
body {
    padding-top: 80px; /* Header yüksekliği kadar */
}

/* 2. "Gizli" Durumu (Aşağı kaydırınca JS bu sınıfı ekleyecek) */
.new-header.header-hidden {
    transform: translateY(-100%); /* Header'ı yukarı ötele */
}

/* 3. WORDPRESS ADMIN BAR DÜZELTMESİ */
/* Admin giriş yapmışsa header'ı barın altına it */

/* Masaüstü (32px) */
body.admin-bar .new-header {
    top: 32px !important;
}

/* Mobil (46px - WordPress mobilde barı kalınlaştırır) */
@media screen and (max-width: 782px) {
    body.admin-bar .new-header {
        top: 46px !important;
    }
    
    /* Mobilde admin bar bazen scroll ile kaybolur (fixed değildir) */
    /* Eğer admin bar sabit değilse (absolute ise), bu ayar gerekebilir: */
    /* body.admin-bar { position: relative; } */
}

/* 4. MOBİL HEADER İÇ DÜZENİ (Tek Satır Garantisi) */
@media (max-width: 768px) {
    
    /* Konteynırı esnek kutu yap ve sarma (nowrap) */
    .header-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important; /* Asla alt satıra geçmesin */
        padding: 10px 15px !important;
        gap: 10px;
    }

    /* Sol: Hamburger Menü */
    .new-main-navigation {
        order: 1;
        width: auto !important;
        margin: 0 !important;
        flex-shrink: 0; /* Küçülmesin */
    }
    .menu-toggle {
        margin: 0;
        font-size: 1.3rem;
        border: none;
        padding: 5px;
        background: transparent;
    }

    /* Orta: Logo */
    .site-branding {
        order: 2;
        flex-grow: 1; /* Boşluğu doldursun */
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .site-branding .custom-logo {
        max-height: 32px !important; /* Mobilde logo boyutu */
        width: auto;
        margin: 0 !important;
    }
    /* Logo metni varsa (görsel yoksa) */
    .site-branding .site-title {
        font-size: 1.1rem !important;
        margin: 0;
        white-space: nowrap;
    }

    /* Sağ: Aksiyonlar (Dil + Giriş) */
    .header-actions {
        order: 3;
        flex-shrink: 0; /* Küçülmesin */
        gap: 8px !important;
    }
    
    /* Dil Seçici (Sadece metin kalsın, ikonu gizle veya küçült) */
    .lang-switcher a.lang-link {
        font-size: 0.85rem !important;
    }
    
    /* Giriş Butonu (Mobilde daha kompakt) */
    .new-header .header-actions .button-primary {
        padding: 6px 12px !important;
        font-size: 0.75rem !important;
        min-width: auto !important;
        border-radius: 4px !important;
    }

    /* Açılan Menü (Dropdown) */
    .new-main-navigation ul {
        position: fixed; /* Fixed yaparak ekranı kaplamasını sağla */
        top: 60px; /* Header altından başla */
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        margin: 0 !important;
        z-index: 9998;
        max-height: 80vh;
        overflow-y: auto;
    }
    
    /* Admin bar varsa menüyü aşağı it */
    body.admin-bar .new-main-navigation ul {
        top: 106px; /* 60px header + 46px admin bar */
    }
}
/* ==========================================================================
   MOBİL ADMIN BAR BOŞLUK DÜZELTMESİ (<600px)
   ========================================================================== */

@media screen and (max-width: 600px) {
    /* 600px altında Admin Bar sayfayla beraber kayar (sabit değildir).
       Bu yüzden Header'ı aşağı itmeye gerek yoktur, boşluk oluşmaması için sıfırlıyoruz. */
    body.admin-bar .new-header {
        top: 0 !important;
    }
}
/* ==========================================================================
   MOBİL RESPONSIVE DÜZELTMELERİ (< 600px)
   Kritik Düzeltme: İçeriğin kaybolmasını ve taşmasını engeller.
   ========================================================================== */

@media screen and (max-width: 600px) {

    /* 1. Kapsayıcı Genişliklerini Sıfırla */
    /* Masaüstü için yapılan 'vw' hesaplamalarını mobilde iptal et */
    .article-header-wrap,
    .hero-section,
    .hero-content {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0 !important;
        position: relative !important;
        transform: none !important;
    }

    /* 2. Padding (İç Boşluk) Azaltma */
    /* 50px olan boşlukları 20px'e düşür ki içeriğe yer kalsın */
    .article-header-wrap {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
    }

    .article-meta-band {
        width: 100% !important;
        padding: 20px 15px !important;
        min-height: auto !important;
        gap: 20px !important;
    }

    /* 3. Makale Detay Alanı */
    .site-content {
        padding: 0 15px !important; /* Kenarlardan hafif boşluk */
        overflow: hidden; /* Taşmaları gizle */
    }

    .layout-main {
        margin-top: 0 !important;
        gap: 20px !important;
        display: block !important; /* Grid yerine blok yap */
    }

    /* 4. Meta Bilgileri (Tarih, Tür vb.) */
    /* Yan yana sıkışmak yerine alt alta dizilsin */
    .meta-grid {
        grid-template-columns: 1fr !important; /* Tek sütun */
        gap: 10px !important;
    }

    /* 5. Yazar ve Butonlar */
    .authors-block {
        flex-direction: column; /* Avatar üstte, isim altta */
        align-items: center;
        text-align: center;
    }
    
    .author-text {
        width: 100%;
        text-align: center;
    }
    
    .author-names {
        justify-content: center;
    }

    .action-buttons {
        flex-direction: column; /* Butonlar alt alta */
        width: 100%;
    }
    .action-buttons .btn {
        width: 100%; /* Tam genişlik */
        justify-content: center;
    }

    /* 6. Yazar Grid Listesi (Makale İçindeki) */
    .author-details-grid-clean {
        grid-template-columns: 1fr !important; /* Tek sütuna düşür */
        padding-right: 0 !important;
    }

    /* 7. Genel Font Boyutları */
    /* Mobilde devasa başlıkları küçült */
    .article-title {
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
        text-align: center;
    }
    
    .article-subtitle {
        font-size: 0.95rem !important;
        text-align: center;
    }

    /* 8. Kahraman Alanı (Hero) */
    .hero-content {
        padding: 30px 15px !important;
        margin-top: 0 !important;
        border-radius: 0 !important; /* Köşeleri düzle */
        border: none !important;
    }
    
    .hero-title {
        font-size: 1.8rem !important;
    }
}

/* ÇOK KÜÇÜK EKRANLAR (< 380px) İÇİN EKSTRA GÜVENLİK */
@media screen and (max-width: 380px) {
    .issue-bar {
        font-size: 0.75rem !important;
        padding: 4px 10px !important;
    }
    
    .meta-label {
        min-width: 80px; /* Etiketlerin sıkışmasını önle */
    }
}
/* ==========================================================================
   FİNAL RESPONSIVE KURTARMA PAKETİ (320px - 768px Arası Tüm Sorunlar)
   ========================================================================== */

/* --- 1. GENEL SAYFA TAŞMA VE ESNEME SORUNLARI --- */
@media screen and (max-width: 768px) {
    /* Tüm ana kapsayıcıları ekran genişliğine zorla */
    html, body {
        overflow-x: hidden !important; /* Yatay kaydırmayı engelle */
        width: 100% !important;
        position: relative;
    }

    .site-content, 
    .main-content-container,
    .duyurular-ve-sidebar-section,
    .duyurular-listesi,
    .unified-sections-card,
    .archive-main-card,
    .issue-box,
    .article-header-wrap,
    .article-meta-band {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important; /* Esnemeyi engelleyen kilidi aç */
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* İç boşlukları (padding) küçült ki içeriğe yer kalsın */
    .main-content-container { padding: 20px 15px !important; }
    .unified-sections-card .body-content { padding: 15px !important; }
    .archive-main-card .body-content { padding: 20px 15px !important; }
    .article-meta-band { padding: 20px 15px !important; }
}

/* --- 2. MAKALE DETAY: YAZAR İKONU VE DÜZENİ (< 600px) --- */
@media screen and (max-width: 600px) {
    .authors-block {
        flex-direction: row !important; /* Mobilde de yan yana kalsın (daha düzenli) */
        align-items: center !important;
        text-align: left !important;
        gap: 15px !important;
        background: #fff;
        padding: 15px;
        border-radius: 12px;
        border: 1px solid #f1f5f9;
    }

    .author-avatar {
        width: 50px !important;
        height: 50px !important;
        flex-shrink: 0 !important; /* İkonun ezilmesini engelle (KRİTİK) */
        font-size: 1.5rem !important;
        margin-bottom: 0 !important; /* Varsa alt boşluğu sıfırla */
    }

    .author-text {
        width: auto !important;
        flex-grow: 1; /* Kalan alanı doldur */
    }

    /* Meta Grid (Tarih, Tür vb.) Tek Sütun Olsun */
    .meta-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* --- 3. TAXONOMY VE ARŞİV: BUTONLAR VE BAŞLIKLAR (< 560px) --- */
@media screen and (max-width: 600px) {
    
    /* Arşiv Başlık Alanı */
    .archive-top-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .archive-action-buttons {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important; /* Butonlar sığmazsa alt satıra geçsin */
        gap: 8px !important;
        justify-content: flex-start !important;
        overflow: visible !important; /* Taşmayı engelle */
    }

    /* Butonların Kendisi */
    .top-action-btn, 
    .issue-btn, 
    .issue-mini-btn,
    .btn-rounded,
    .btn-modern {
        flex: 1 1 auto !important; /* Esnek genişlik (büyü/küçül) */
        width: auto !important;
        min-width: 0 !important; /* Taşmayı önler */
        text-align: center !important;
        justify-content: center !important;
        font-size: 0.75rem !important; /* Fontu biraz küçült */
        padding: 8px 10px !important;
        white-space: nowrap !important;
    }

    /* Buton İkonları */
    .top-action-btn i, .issue-btn i {
        margin-right: 5px !important;
        font-size: 0.9em !important;
    }
}

/* --- 4. KAPAK VE KART DÜZENİ (< 450px - ÇOK KÜÇÜK EKRANLAR) --- */
@media screen and (max-width: 500px) {
    
    /* Arşiv Kartı Üst Kısım (Kapak + Bilgi) */
    .issue-card-top, 
    .archive-issue-top,
    .issue-detail-card {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
    }

    /* Kapak Alanı */
    .issue-cover-area, 
    .archive-cover-wrapper,
    .issue-cover-wrapper {
        width: 100% !important;
        flex: none !important;
        margin-bottom: 10px;
    }

    /* Kapak Resmi */
    .issue-cover-area img,
    .archive-cover-wrapper img,
    .issue-cover-img {
        max-width: 160px !important; /* Mobilde devasa olmasın */
        margin: 0 auto !important;
    }

    /* Bilgi Alanı */
    .issue-info-area, 
    .archive-info-wrapper,
    .issue-info-wrapper {
        width: 100% !important;
    }

    /* Buton Grubu Ortalama */
    .issue-buttons-row, 
    .issue-buttons-grid,
    .issue-buttons-modern {
        justify-content: center !important;
    }
}

/* --- 5. ULTRA KÜÇÜK EKRANLAR (iPhone SE / Galaxy Fold vb. - 380px Altı) --- */
@media screen and (max-width: 380px) {
    
    /* Yazı boyutlarını düşür */
    .archive-card-title, 
    .issue-title-text a, 
    .archive-issue-title a {
        font-size: 1.2rem !important;
    }

    /* Butonları tam genişlik yap (Alt alta) */
    .top-action-btn, 
    .issue-btn,
    .btn-modern {
        width: 100% !important;
        margin-bottom: 5px !important;
        flex: 1 1 100% !important;
    }

    /* Breadcrumb'ı kaydırılabilir yap (Taşmasın) */
    .archive-breadcrumb {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    
    /* Makale Listesi */
    .simple-article-row,
    .list-item-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }
    
    .list-page, .page-badge {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
    }
}
/* ==========================================================================
   FİNAL MOBİL KURTARMA (BREADCRUMB & 380PX ALTI)
   ========================================================================== */

/* 1. BREADCRUMB (EKMEK KIRINTISI) DÜZELTMESİ (TÜM SAYFALAR İÇİN) */
/* Breadcrumb artık taşmayacak, parmakla sağa-sola kaydırılabilecek */
.archive-top-header {
    flex-wrap: wrap !important; /* Başlık ve butonlar sığmazsa alt satıra geçsin */
    gap: 10px !important;
    overflow: hidden !important; /* Taşan içeriği gizle */
}

.archive-breadcrumb {
    display: flex !important;
    flex-wrap: nowrap !important; /* Tek satırda kalsın */
    white-space: nowrap !important; /* Metin alt satıra inmesin */
    overflow-x: auto !important; /* Yatay kaydırmaya izin ver */
    -webkit-overflow-scrolling: touch; /* Mobilde akıcı kaydırma */
    
    max-width: 100% !important; /* Ekran dışına taşmayı engelle */
    padding-bottom: 5px; /* Kaydırma çubuğu için pay */
    mask-image: linear-gradient(to right, black 90%, transparent 100%); /* Sağa doğru silikleşme efekti */
    -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
}

/* Kaydırma çubuğunu görsel olarak gizle ama işlevini koru */
.archive-breadcrumb::-webkit-scrollbar {
    display: none;
}

/* 2. ARŞİV SAYFASI 380PX ALTI BOZULMA DÜZELTMESİ */
@media screen and (max-width: 400px) { /* 380px ve altını kapsasın */
    
    /* Kartın iç boşluklarını azalt */
    .archive-issue-card-modern {
        padding: 15px !important;
    }

    /* Kapak ve İçeriği Alt Alta Al */
    .issue-card-inner {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Kapak Görselini Ortala ve Küçült */
    .issue-cover-modern {
        flex: none !important;
        width: 100% !important;
        max-width: 140px !important; /* Mobilde çok büyük durmasın */
        margin-bottom: 15px !important;
    }

    /* Başlık Boyutunu Küçült */
    .issue-title-modern {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    /* Butonları Alt Alta ve Tam Genişlik Yap */
    .issue-buttons-modern {
        display: flex !important;
        flex-direction: column !important; /* Alt alta diz */
        width: 100% !important;
        gap: 8px !important;
    }

    .btn-modern {
        width: 100% !important; /* Tam genişlik */
        justify-content: center !important;
        padding: 10px !important;
    }

    /* Makale Listesi (Sayfa No ve Başlık Alt Alta) */
    .list-item-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 5px !important;
    }

    .list-page {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
        margin-bottom: 2px !important;
    }
    
    .list-title-link {
        font-size: 0.95rem !important;
    }
}
/* ==========================================================================
   MOBİL ANASAYFA BAŞLIK BOYUTU VE HİZALAMA
   ========================================================================== */

@media screen and (max-width: 600px) {
    
    /* 1. Başlık Boyutunu Küçült ve Sola Yasla */
    .article-card .article-title {
        font-size: 1.05rem !important; /* Masaüstünde 1.25rem idi, küçüldü */
        line-height: 1.35 !important;
        text-align: left !important;    /* Sola yaslama (önceki isteğiniz) */
        margin-bottom: 5px !important;
    }

    /* 2. İngilizce Başlık (Varsa) */
    .article-subtitle {
        font-size: 0.85rem !important;
        text-align: left !important;
        line-height: 1.4 !important;
    }
}

/* ==========================================================================
   MOBİL HERO SIRALAMASI: Metin -> Görsel -> Butonlar
   Teknik: 'display: contents' ile HTML yapısını CSS'te düzleştiriyoruz.
   ========================================================================== */

@media screen and (max-width: 960px) {
    
    /* 1. Ana Kapsayıcıyı Dikey Flex Yap */
    .hero-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding-top: 30px !important;
    }

    /* 2. Metin Kapsayıcısını "Görünmez" Yap (Çocukları serbest kalsın) */
    /* Bu sayede içindeki başlık ve butonlar, dışarıdaki görselle aynı seviyeye gelir */
    .hero-text-wrapper {
        display: contents !important; 
    }

    /* 3. SIRALAMA AYARLARI (ORDER) */

    /* GRUP 1: Başlık, Alt Başlık ve Açıklama (En Üst) */
    .hero-title {
        order: 1 !important;
        margin-bottom: 10px !important;
    }
    .hero-subtitle {
        order: 2 !important;
        margin-bottom: 15px !important;
    }
    .hero-description {
        order: 3 !important;
        margin-bottom: 20px !important;
    }

    /* GRUP 2: Görsel (Ortaya) */
    .hero-image-wrapper {
        order: 4 !important; /* Metinlerden sonra gelsin */
        width: 100% !important;
        justify-content: center !important;
        margin-bottom: 25px !important; /* Butonlarla arasına boşluk */
        margin-top: 10px !important;
    }

    /* Görsel Boyutu ve Duruşu */
    .journal-cover-3d {
        max-width: 180px !important;
        transform: rotateY(0) rotateX(0) !important; /* Mobilde düz dursun */
    }

    /* GRUP 3: Butonlar (En Alt) */
    .hero-buttons {
        order: 5 !important; /* En sona at */
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }
    
    /* Mobilde butonları biraz genişletelim */
    .hero-buttons .button {
        min-width: 140px;
    }
}
/* ==========================================================================
   MOBİL HERO BOŞLUK (SPACING) AYARLARI
   Amaç: Metin, Görsel ve Butonları birbirine yaklaştırmak.
   ========================================================================== */

@media screen and (max-width: 960px) {
    
    /* 1. Kapsayıcıdaki varsayılan boşlukları sıfırla */
    .hero-content {
        gap: 0 !important; /* Flex gap varsa kaldır */
    }

    /* 2. Başlık (En Üst) */
    .hero-title {
        margin-bottom: 5px !important; /* Alt başlığa çok yakın olsun */
        line-height: 1.2 !important;
    }

    /* 3. Alt Başlık (Güncel Sayı: ...) */
    .hero-subtitle {
        margin-bottom: 10px !important; /* Açıklamaya yakın olsun */
        font-size: 1rem !important;
    }

    /* 4. Açıklama Metni */
    .hero-description {
        margin-bottom: 15px !important; /* Görsel ile arasına hafif mesafe */
        line-height: 1.5 !important;
    }

    /* 5. Görsel Alanı (Ortada) */
    .hero-image-wrapper {
        margin-top: 0 !important;    /* Üst boşluğu sıfırla */
        margin-bottom: 20px !important; /* Butonlarla arasına mesafe */
        padding: 0 !important;       /* Varsa iç boşluğu al */
    }

    /* 6. Butonlar (En Alt) */
    .hero-buttons {
        margin-top: 0 !important; /* Ekstra üst boşluk olmasın */
        gap: 10px !important;     /* Butonlar arası mesafe */
    }
}

/* ==========================================================================
   HEADER VE NAVİGASYON (LOGO ALTI METİN + AKILLI HİZALAMA)
   ========================================================================== */

/* 1. Header Kapsayıcı */
.smart-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px; /* Logo+Metin alt alta sığsın diye biraz artırdık */
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    z-index: 99999;
    transition: transform 0.3s ease, box-shadow 0.3s ease, top 0.1s ease;
}

body { padding-top: 90px; }

/* Akıllı Header Animasyonları */
body.header-hide .smart-header { transform: translateY(-100%); }
body.header-show .smart-header { transform: translateY(0); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); }

/* Admin Bar Düzeltmesi */
body.admin-bar .smart-header { top: 32px !important; }
@media screen and (max-width: 782px) { body.admin-bar .smart-header { top: 46px !important; } }

/* İç Düzen */
.header-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

/* ==========================================================================
   2. LOGO VE SİTE KİMLİĞİ (DİKEY YERLEŞİM)
   ========================================================================== */
.site-branding {
    flex: 0 0 auto;
    z-index: 20;
    margin-right: 30px;
    
    /* Logo ve Metni Alt Alta Diz */
    display: flex;
    flex-direction: column; /* Dikey Hizalama */
    justify-content: center;
    align-items: flex-start; /* Sola yasla */
    gap: 2px; /* Logo ve metin arası boşluk */
    line-height: 1;
}

.site-logo-wrap img {
    max-height: 35px; /* Alt alta olacağı için logoyu biraz kıstık */
    width: auto;
    display: block;
    margin-bottom: 2px;
}

.site-identity-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.1;
}

.site-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    white-space: nowrap;
    letter-spacing: -0.5px;
}
.site-title a { color: #1e293b; text-decoration: none; }

.site-description {
    font-size: 0.7rem;
    color: #64748b;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   3. MASAÜSTÜ MENÜ (AKILLI HİZALAMA)
   ========================================================================== */
@media (min-width: 992px) {
    .hamburger-btn, .mobile-nav-panel { display: none !important; }

    /* Varsayılan: SOLA HİZALI (Logo yoksa) */
    .desktop-nav {
        flex: 1;
        display: flex;
        justify-content: flex-start; /* Sola yasla */
    }

    /* Eğer Logo (.site-branding) varsa, Menüyü ORTALA */
    .site-branding + .desktop-nav {
        justify-content: center;
    }

    .desktop-nav > ul {
        display: flex;
        gap: 30px;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .desktop-nav > ul > li { 
        position: relative; 
        height: 100%;
        display: flex; 
        align-items: center;
    }

    .desktop-nav > ul > li > a {
        display: block;
        padding: 32px 0; /* Header yüksekliğine göre ayarlı */
        font-size: 0.95rem;
        font-weight: 600;
        color: #334155;
        text-decoration: none;
        position: relative;
    }

    /* Mavi Çizgi */
    .desktop-nav > ul > li > a::before {
        content: '';
        position: absolute;
        bottom: 28px; /* Metnin hemen altı */
        left: 0;
        width: 0%;
        height: 2px;
        background: #0d6efd;
        transition: width 0.3s ease;
    }

    .desktop-nav > ul > li:hover > a { color: #0d6efd; }
    .desktop-nav > ul > li:hover > a::before { width: 100%; }
    .desktop-nav > ul > li.current-menu-item > a,
    .desktop-nav > ul > li.current-menu-ancestor > a { color: #0d6efd; }
    .desktop-nav > ul > li.current-menu-item > a::before,
    .desktop-nav > ul > li.current-menu-ancestor > a::before { width: 100%; }

    /* --- ALT MENÜ (DROPDOWN) HİZALAMA DÜZELTMESİ --- */
    .desktop-nav ul ul {
        display: none;
        position: absolute;
        top: 100%; /* Ana menünün tam altından başla */
        
        /* DÜZELTME BURADA: */
        left: 0 !important; /* Kesinlikle sol kenara yapış */
        margin-left: 0 !important; /* Varsa margin'i sıfırla */
        
        background: #fff;
        min-width: 220px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        border-top: 3px solid #0d6efd;
        flex-direction: column;
        gap: 0;
        padding: 8px 0;
        border-radius: 0 0 6px 6px;
        text-align: left;
        z-index: 1000;
    }

    .desktop-nav li:hover > ul { display: flex; animation: slideUp 0.2s ease; }
    .desktop-nav ul ul li { width: 100%; }
    .desktop-nav ul ul li a {
        display: block;
        width: 100%;
        padding: 10px 20px;
        color: #475569;
        font-size: 0.9rem;
        border-bottom: 1px dashed #f1f5f9;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .desktop-nav ul ul li:last-child a { border-bottom: none; }
    .desktop-nav ul ul li:hover > a { background-color: #f8fafc; color: #0d6efd; padding-left: 25px; }
    .desktop-nav ul ul li a::before { display: none; }
}

/* ==========================================================================
   4. SAĞ AKSİYONLAR
   ========================================================================== */
.header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 20;
    margin-left: auto; /* Her zaman en sağa git */
}

.lang-switcher { font-size: 0.9rem; font-weight: 600; color: #64748b; cursor: pointer; }
.btn-login {
    background: #0d6efd;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}
.btn-login:hover { background: #0b5ed7; }

/* ==========================================================================
   5. MOBİL DÜZEN (< 992px) - GÜNCELLENDİ
   ========================================================================== */
@media (max-width: 991px) {
    .desktop-nav { display: none; }
    .header-inner { justify-content: space-between; }

    /* 1. Hamburger (Sola) */
    .hamburger-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        background: transparent;
        border: 2px solid #e2e8f0;
        color: #334155;
        border-radius: 6px;
        cursor: pointer;
        padding: 6px 12px;
        font-size: 1rem;
        order: 1; 
        z-index: 30;
    }
    .menu-text { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
    .hamburger-btn:hover { border-color: #0d6efd; color: #0d6efd; }

    /* 2. Logo (Ortada - Mutlak) */
    .site-branding {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        order: 2;
        
        /* Mobilde Dikey ve Ortali Hizalama */
        align-items: center;
        text-align: center;
        width: auto;
    }
    
    .site-identity-wrap {
        align-items: center;
        text-align: center;
    }

    /* 3. Aksiyonlar (Sağa) */
    .header-actions { order: 3; gap: 10px; }
    .btn-login { padding: 6px 12px; font-size: 0.8rem; }
    
    /* DÜZELTME: Bu satırı kaldırdık, artık TR yazısı mobilde de görünecek */
    /* .lang-switcher span { display: none; } */ 

    /* Mobil Menü Paneli */
    .mobile-nav-panel {
        display: none;
        position: fixed;
        top: 90px; /* Header yüksekliği */
        left: 0;
        width: 100%;
        height: calc(100vh - 90px);
        background: #fff;
        border-top: 1px solid #f1f5f9;
        overflow-y: auto;
        padding-bottom: 50px;
        z-index: 9999;
    }
    .mobile-nav-panel.is-active { display: block !important; animation: slideDown 0.3s ease-out; }
    
    .mobile-nav-inner ul { list-style: none; padding: 0; margin: 0; }
    .mobile-nav-inner li { border-bottom: 1px solid #f1f5f9; position: relative; }
    .mobile-nav-inner a {
        display: flex; justify-content: space-between; align-items: center;
        padding: 15px 20px; font-size: 1rem; font-weight: 600; color: #1e293b; text-decoration: none;
    }
    
    .mobile-nav-inner ul ul { display: none; background: #f8fafc; padding-left: 0; border-top: 1px solid #eee; }
    .mobile-nav-inner li.submenu-active > ul { display: block; animation: slideDown 0.2s ease; }
    .mobile-nav-inner ul ul a { font-size: 0.9rem; color: #64748b; padding: 12px 20px 12px 40px; font-weight: 500; }

    /* Aktif sayfa vurgusu (mobil menü) */
    .mobile-nav-inner li.current-menu-item > a,
    .mobile-nav-inner li.current_page_item > a,
    .mobile-nav-inner li.current-menu-ancestor > a,
    .mobile-nav-inner li.current-menu-parent > a,
    .mobile-nav-inner li.is-current > a,
    .mobile-nav-inner li.is-current-branch > a {
        color: #0d6efd;
        background: rgba(13,110,253,0.08);
    }
    .mobile-nav-inner li.current-menu-item > a,
    .mobile-nav-inner li.current_page_item > a,
    .mobile-nav-inner li.is-current > a {
        box-shadow: inset 3px 0 0 #0d6efd;
    }

    
    .mobile-dropdown-arrow {
        width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
        background: rgba(0,0,0,0.03); border-radius: 50%; font-size: 0.8rem; color: #94a3b8; transition: transform 0.2s;
    }
    .mobile-nav-inner li.submenu-active > a .mobile-dropdown-arrow { transform: rotate(180deg); background: #0d6efd; color: #fff; }
}

@keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }


/* ==========================================================================
   DETAYLI ARAMA SAYFASI DÜZELTMESİ
   ========================================================================== */

/* 1. Sol taraftaki mavi dikey çizgiyi gizle */
.advanced-search-box.unified-sections-card::before {
    display: none !important;
}

/* 2. Çizgi kalkınca solda kalan 4px boşluğu sıfırla */
.advanced-search-box.unified-sections-card {
    padding-left: 0 !important;
}

/* ==========================================================================
   FİNAL MAKALE DETAY SAYFASI DÜZELTMELERİ (RESPONSIVE & ESTETİK)
   ========================================================================== */

/* --- 1. TABLET VE KÜÇÜK LAPTOP KAYMA DÜZELTMESİ (768px - 1024px) --- */
@media screen and (max-width: 1024px) {
    /* 100vw ile dışarı taşırma mantığını iptal et */
    .article-header-wrap {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 30px 20px !important;
        background: #f8f9fa !important;
    }

    /* İçerik kartının genişliğini kutuya sığdır */
    .article-meta-band {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px !important;
        margin: 0 !important;
        flex-direction: column !important; /* Alt alta diz */
        align-items: stretch !important;
        gap: 30px !important;
    }

    /* Izgara yapısını tek sütuna indir */
    .layout-main {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        padding: 0 20px !important;
    }
}

/* --- 2. AKORDİYON İKONU VE YAPI DÜZELTMESİ --- */
.unified-sections-card details.body-card summary {
    list-style: none;
    outline: none;
    display: block;
    width: 100%;
}
.unified-sections-card details.body-card summary::-webkit-details-marker {
    display: none;
}

/* Başlık Şeridi: Flexbox ile İkonu Sağa Yasla */
.unified-sections-card details.body-card summary .header-strip {
    display: flex !important;
    justify-content: space-between !important; /* Biri en sola, biri en sağa */
    align-items: center !important;
    width: 100% !important;
    padding: 15px 20px !important;
    box-sizing: border-box !important;
    background: linear-gradient(90deg, #edf2f8, #ffffff);
}

/* İkon Ayarı */
.accordion-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem !important;
    color: #64748b;
    margin-left: 10px; /* Metinle çakışmasın */
    flex-shrink: 0;
}

/* --- 3. SIDEBAR BAŞLIKLARINA GRADYAN EFEKTİ --- */
/* PHP'de eklediğimiz 'gradient-header' sınıfını hedefliyoruz */
.sidebar-card .gradient-header {
    background: linear-gradient(90deg, #edf2f8, #ffffff) !important;
    padding: 12px 15px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #e2e8f0;
    margin: -12px -18px 10px -18px; /* Kartın padding'ini telafi et */
    display: flex;
    align-items: center;
}

/* --- 4. MOBİL GÖRÜNÜM VE HİZALAMA (< 600px) --- */
@media screen and (max-width: 600px) {

    /* A. Başlıklar Sola Yaslansın */
    .article-title {
        text-align: left !important;
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
    }
    .article-subtitle {
        text-align: left !important;
        font-size: 0.95rem !important;
    }

    /* B. Yazar Alanı (İkon Üstte, İsim Sola Hizalı) */
    .authors-block {
        flex-direction: column !important; /* Dikey dizilim */
        align-items: flex-start !important; /* Her şeyi sola yasla */
        text-align: left !important;
    }

    .author-avatar {
        margin-bottom: 10px !important; /* İkon ile isim arasına boşluk */
    }

    .author-names {
        justify-content: flex-start !important; /* İsimleri sola yasla */
        text-align: left !important;
    }

    /* C. Makale Bilgileri (380px'e kadar 2 Sütun) */
    .meta-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* 2 Sütun Koru */
        gap: 15px 10px !important;
    }
    
    .meta-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 0.85rem;
        word-break: break-word; /* Uzun kelimeleri kır */
    }
    .meta-item i { display: none; } /* İkonları gizle yer aç */

    /* D. Butonlar Sola Hizalı ve Tam Genişlik */
    .action-buttons {
        justify-content: flex-start !important;
        flex-direction: column;
        width: 100%;
    }
    .action-buttons .btn { width: 100%; justify-content: center; }
}

/* --- 5. ULTRA KÜÇÜK EKRANLAR (< 380px) --- */
@media screen and (max-width: 380px) {
    /* Sadece çok dar ekranlarda tek sütuna düş */
    .meta-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 2. HEADER İSKELETİ (SABİT) */
.site-header {

    z-index: 998; /* Admin Bar'ın altında, içeriğin üstünde */
    
    /* Kenarlıklar */
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    
    /* Animasyon */
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    margin-top: 0 !important;
}

/* ==========================================================================
   İÇERİK LİSTE (UL/OL) DÜZELTMESİ
   ========================================================================== */

/* 1. Kapsayıcıları Hedefle (Standart WP ve Sizin Özel Class'larınız) */
.entry-content ul,
.entry-content ol,
.body-content ul, 
.body-content ol,
.article-content ul,
.article-content ol {
    margin-bottom: 1.5em;
    margin-left: 20px; /* Soldan boşluk bırak ki imler görünsün */
    padding-left: 20px;
}

/* 2. Sırasız Liste (Madde İmi - Nokta) */
.entry-content ul,
.body-content ul,
.article-content ul {
    list-style-type: disc !important; /* İçi dolu yuvarlak */
}

/* 3. Sıralı Liste (Numaralı - 1, 2, 3) */
.entry-content ol,
.body-content ol,
.article-content ol {
    list-style-type: decimal !important; /* 1, 2, 3... */
}

/* 4. İç İçe Listeler (Alt maddeler) */
.entry-content ul ul,
.body-content ul ul,
.article-content ul ul {
    list-style-type: circle !important; /* İçi boş yuvarlak */
    margin-top: 5px;
}

.entry-content ol ol,
.body-content ol ol,
.article-content ol ol {
    list-style-type: lower-alpha !important; /* a, b, c... */
    margin-top: 5px;
}

/* 5. Liste Elemanları Arası Boşluk (Okunabilirlik için) */
.entry-content li,
.body-content li,
.article-content li {
    margin-bottom: 5px;
}

/* ==========================================================================
   3. DÜZEY MENÜ (SUB-SUB MENU) DÜZELTMELERİ
   ========================================================================== */

/* --- MASAÜSTÜ (Sağa Açılır Menü + Ok İkonu) --- */
@media (min-width: 992px) {
    
    /* 1. Kapsayıcı (Li) Pozisyonu: Alt menü buna göre hizalanır */
    .desktop-nav ul ul li {
        position: relative; 
    }

    /* 2. 3. Düzey Menü Konumu ve Görünümü */
    .desktop-nav ul ul ul {
        top: -3px !important;   /* Parent menü ile hizala */
        left: 100% !important;  /* Tam sağa yasla (Yanına açıl) */
        margin-left: 0 !important;
        
        display: none;          /* Varsayılan gizli */
        min-width: 220px;
        
        background: #ffffff;
        border-top: 3px solid #0d6efd; /* Ana renk çizgisi */
        border-left: 1px solid #f1f5f9; /* Ayrım çizgisi */
        box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
        border-radius: 0 0 6px 6px;
    }

    /* Hover Durumu: Göster */
    .desktop-nav ul ul li:hover > ul {
        display: flex !important;
        flex-direction: column;
    }

    /* 3. Alt Menüsü Olanlar İçin Ok İkonu (Sağ Ok) */
    .desktop-nav ul ul .menu-item-has-children > a {
        padding-right: 35px !important; /* Ok için sağda yer aç */
    }

    .desktop-nav ul ul .menu-item-has-children > a::after {
        content: '\f054'; /* FontAwesome Right Chevron */
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.7em;
        color: #94a3b8; /* Gri renk */
        transition: color 0.2s;
    }

    /* Hover'da Ok Rengi Mavi Olsun */
    .desktop-nav ul ul .menu-item-has-children:hover > a::after {
        color: #0d6efd;
    }
}

/* --- MOBİL (Daha Fazla Girinti + Koyu Zemin) --- */
@media (max-width: 991px) {
    
    /* 3. Düzey Menü Arka Planı */
    .mobile-nav-inner ul ul ul {
        background-color: #f1f5f9 !important; /* 2. seviyeden bir ton koyu */
        border-top: 1px solid #e2e8f0;
    }

    /* 3. Düzey Link Stili */
    .mobile-nav-inner ul ul ul a {
        padding-left: 60px !important; /* Girintiyi artır (2. seviye 40px idi) */
        font-size: 0.85rem !important;
        color: #475569 !important;
    }
    
    /* 3. Seviye Hover/Aktif */
    .mobile-nav-inner ul ul ul a:hover {
        color: #0d6efd !important;
        background-color: #e2e8f0 !important;
    }
}

/* ==========================================================================
   GTRANSLATE DİL SEÇİCİ ÖZELLEŞTİRMESİ (SADE METİN)
   ========================================================================== */

/* 1. Kapsayıcıyı Hizala */
.header-lang-wrapper {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

/* 2. GTranslate Linklerini Düzenle */
.header-lang-wrapper a {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #64748b !important; /* Pasif renk */
    text-decoration: none !important;
    padding: 5px 8px !important;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

/* 3. Hover (Üzerine Gelince) */
.header-lang-wrapper a:hover {
    color: #0d6efd !important; /* Tema ana rengi */
    background-color: #f1f5f9;
    border-radius: 4px;
}

/* 3b. Seçili Dil (GTranslate current durumunu belirginleştir) */
.header-lang-wrapper a.is-current,
.header-lang-wrapper a.gt-current-lang,
.header-lang-wrapper a.gt-current-wrapper {
    color: #0d6efd !important;
    background-color: rgba(13, 110, 253, 0.12) !important;
    border: 1px solid rgba(13, 110, 253, 0.35) !important;
    border-radius: 999px;
}

.header-lang-wrapper a.is-current:hover,
.header-lang-wrapper a.gt-current-lang:hover,
.header-lang-wrapper a.gt-current-wrapper:hover {
    background-color: rgba(13, 110, 253, 0.18) !important;
}

/* 4. Bayrakları (Resimleri) Gizle - Sadece Metin Kalsın */
.header-lang-wrapper img {
    display: none !important;
}

/* 5. Ayırıcı Çizgi (Opsiyonel: TR | EN gibi görünmesi için) */
/* GTranslate yan yana linkler veriyorsa aralarını açar */
.header-lang-wrapper a,
.header-lang-wrapper span {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    padding: 5px 8px !important;
    text-transform: uppercase;
}


/* ==========================================================================
   MOBİL DİZİN KARTI ESTETİK GENİŞLETME & BUTON DÜZELTMESİ
   ========================================================================== */

@media (max-width: 768px) {
    
    /* 1. KARTI GENİŞLET (KENARLIKLARI KORUYARAK) */
    .indeks-karti-tekli {
        /* Ana hizadan sadece 10px taşırıyoruz, ekran kenarına yapışmaz */
        margin-left: -10px !important; 
        margin-right: -10px !important;
        
        /* Genişliği hesapla: %100 + Taşma miktarı */
        width: calc(100% + 20px) !important; 
        max-width: none !important;
        
        /* Kenarlıkları ve Radius'u Geri Getir */
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        
        /* İç boşluğu dengele */
        padding: 20px 5px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    /* 2. OK BUTONLARI HOVER SORUNU (KAYBOLMAYI ENGELLE) */
    .slider-btn {
        z-index: 20 !important; /* Logoların üstünde kalsın */
        background-color: #ffffff !important;
        color: #333333 !important;
        border: 1px solid #e2e8f0 !important;
        opacity: 1 !important;
    }

    /* Üzerine gelince (Hover) veya Tıklayınca (Active) */
    .slider-btn:hover,
    .slider-btn:active,
    .slider-btn:focus {
        background-color: #0d6efd !important; /* Mavi Zemin */
        border-color: #0d6efd !important;
        color: #ffffff !important; /* Beyaz İkon */
        opacity: 1 !important;
    }

    /* İkonun Rengini Garantiye Al */
    .slider-btn i {
        color: inherit !important; 
    }
}

/* =========================================
   FOOTER V2 (Screenshot layout)
========================================= */
.site-footer.footer-v2 {
background-color: #303d4e;
    color: #9aa7bd;
    margin-top: 0px;
    padding: 72px 0 28px;
}

.footer-v2__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px;
}

.footer-v2__top {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr 1.4fr;
    gap: 56px;
    padding-bottom: 48px;
}

.footer-v2__brand-title {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.footer-v2__brand-desc {
    line-height: 1.8;
    font-size: 1.05rem;
    max-width: 520px;
}

.footer-v2__issn {
    margin-top: 28px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 14px;
    color: #e6edf7;
    font-weight: 700;
}

.footer-v2__issn-label { opacity: 0.95; }
.footer-v2__issn-value { opacity: 0.95; }

.footer-v2__title {
    margin: 6px 0 22px;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
}

.footer-v2__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 3px;
    background: #2f6bff;
    border-radius: 999px;
}

/* Menu links */
.footer-v2__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-v2__links li { margin: 0 0 14px; }

.footer-v2__links a {
    color: #9aa7bd;
    text-decoration: none;
    font-size: 1.08rem;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-flex;
}

.footer-v2__links a:hover {
    color: #ffffff;
    transform: translateX(4px);
}

/* Contact */
.footer-v2__contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px;
}

.footer-v2__contact li {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 14px;
    align-items: start;
}

.footer-v2__contact i {
    color: #2f6bff;
    margin-top: 3px;
    font-size: 1.05rem;
}

.footer-v2__contact a {
    color: #9aa7bd;
    text-decoration: none;
    transition: color 0.2s ease;
}
.footer-v2__contact a:hover { color: #ffffff; }

/* Social */
.footer-v2__social {
    margin-top: 22px;
    display: flex;
    gap: 14px;
}

.footer-v2__social a {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.07);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
}

.footer-v2__social a:hover {
    background: #2f6bff;
    transform: translateY(-2px);
}

/* Bottom bar */
.footer-v2__bottom {
    border-top: 1px solid rgba(255,255,255,0.10);
    padding-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 1.02rem;
    color: #9aa7bd;
}

.footer-v2__bottom-left strong,
.footer-v2__bottom-right strong { color: #ffffff; }

.footer-v2__bottom-left a,
.footer-v2__bottom-right a {
    color: #c9d6f0;
    text-decoration: none;
}
.footer-v2__bottom-left a:hover,
.footer-v2__bottom-right a:hover { color: #ffffff; }

/* Responsive */
@media (max-width: 992px) {
    .footer-v2__top { grid-template-columns: 1fr 1fr; gap: 40px; }
    .footer-v2__brand-desc { max-width: 100%; }
}

@media (max-width: 640px) {
    .footer-v2__top { grid-template-columns: 1fr; }
    .footer-v2__title::after { left: 0; }
    .footer-v2__bottom { flex-direction: column; align-items: flex-start; }
}

/* Footer'ı site-content max-width sınırından bağımsız tam genişlik yap */
.site-content .site-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}

/* ==========================================================================
   Dahili İletişim Formu
   ========================================================================== */

.akd-contact { margin-top: 10px; }

.akd-contact-form {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.akd-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 720px) {
  .akd-contact-form { padding: 24px; }
  .akd-grid { grid-template-columns: 1fr 1fr; }
}

.akd-field { display: block; }
.akd-field-full { grid-column: 1 / -1; }

.akd-field label {
  display: block;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 6px;
  font-size: 0.95rem;
}

.akd-field .req { color: #ef4444; }

/* Checkbox/radio hariç: metin alanları tam genişlik */
.akd-field input:not([type="checkbox"]):not([type="radio"]),
.akd-field textarea {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 12px;
  background: #f8fafc;
  font-size: 0.95rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

/* Checkbox/radio: metin input stillerini almasın */
.akd-field input[type="checkbox"],
.akd-field input[type="radio"]{
  width: auto;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}


.akd-field textarea { resize: vertical; min-height: 140px; }

.akd-field input:focus,
.akd-field textarea:focus {
  outline: none;
  border-color: #0d6efd;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(13,110,253,0.12);
}

.akd-consent label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 500;
  color: #64748b;
  line-height: 1.4;
}

.akd-consent input { margin-top: 3px; }

.akd-actions { display: flex; justify-content: flex-start; }

.akd-btn {
  background: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.akd-btn:hover {
  filter: brightness(0.98);
  box-shadow: 0 10px 20px rgba(0,0,0,0.06);
  transform: translateY(-1px);
}

.akd-contact-notice {
  margin: 0 0 14px 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 600;
}

.akd-contact-notice.is-success {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}

.akd-contact-notice.is-error {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #9f1239;
}

/* Honeypot alanını görünmez yap */
.akd-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Contact form – consent (checkbox + text) alignment fix */
.akd-consent { grid-column: 1 / -1; }

.akd-consent-label{
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
  color: #64748b;
  line-height: 1.45;
  margin: 0;
}

.akd-consent-label input{
  flex: 0 0 auto;
  margin-top: 3px;
}

.akd-consent-text{
  display: block;
  margin: 0;
}