:root{
    --fixed-margin-size: 3rem;
    --project-color: rgb(223, 113, 40);
    --project-color-2: rgb(254, 119, 6);
    --project-color-3: rgb(61, 159, 103);
    --project-btn-color-1: rgb(51, 72, 102);
    --project-btn-hover-color-1: rgb(50, 67, 94);
    --project-btn-color-2: rgb(0, 255, 170);
    --project-btn-hover-color-2: rgb(85, 213, 168);
    --project-alert-bg-color: rgba(255, 0, 0, 0.75);
    --project-btn-color-3: rgb(254, 119, 6);
    --project-btn-hover-color-3: rgb(227, 113, 23);
    --project-btn-color-4: rgb(56, 134, 88);
    --project-btn-hover-color-4: rgb(61, 159, 103);
    --project-btn-color-5: rgb(40, 40, 40);
    --project-btn-hover-color-5: rgb(58, 54, 54);
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'Poppins-Italic';
    src: url('../fonts/Poppins-Italic.ttf');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf');
}
.cursor-pointer{
    cursor: pointer;
}
body {
    font-family: Poppins-Regular, sans-serif;
    overflow-x: clip;   /* yatay kaydırmayı engeller ama position:sticky'yi BOZMAZ (hidden bozardı) */
    color: #282828;
    background-color: #fcfcfc;
}
/* Yapışkan üst başlık — tüm header (masthead + menü) sayfayla birlikte üstte kalır (turkjpath gibi) */
.site-header{
    position: sticky;
    top: 0;
    z-index: 1030;
}
/* Masthead beyaz (okunur); menü şeridi şeffaf kalır -> yan boşluklarda gerçek sayfa görünür */
.masthead-bar{
    background: #fcfcfc;
    position: relative;
    z-index: 3;
    transition: box-shadow .2s ease;
}
.site-header.is-scrolled .masthead-bar{
    box-shadow: 0 3px 14px rgba(0,0,0,.08);
}
/* Masthead "Submit Manuscript" butonu (örnekteki gibi) */
.mast-submit-btn{
    display: inline-flex; align-items: center; gap: 7px;
    background: linear-gradient(90deg, #df7128, #fe7706);
    color: #fff !important;
    text-decoration: none;
    font-weight: 600; font-size: 14px; white-space: nowrap;
    padding: 9px 18px; border-radius: 10px;
    box-shadow: 0 4px 12px rgba(223,113,40,.32);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.mast-submit-btn:hover{ color: #fff !important; filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(223,113,40,.4); }
.mast-submit-btn i{ font-size: 15px; }
@media (max-width: 991px){ .mast-submit-btn{ padding: 8px 14px; font-size: 13px; } }
/* Sol kolon "Submit a Manuscript" — header butonuyla aynı stil (tam genişlik) */
.sidebar-submit-btn{
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    background: linear-gradient(90deg, #df7128, #fe7706);
    color: #fff !important;
    text-decoration: none;
    font-weight: 600; font-size: 15px;
    padding: 12px 18px; border-radius: 10px;
    box-shadow: 0 4px 12px rgba(223,113,40,.32);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.sidebar-submit-btn:hover{ color: #fff !important; filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(223,113,40,.4); }
.sidebar-submit-btn i{ font-size: 16px; }
p,a,h1,h2,h3,h4,h5,h6{
    margin: 0 !important;
}
b, strong, .fw-bold  {
    font-family: Poppins-Bold, sans-serif;
}
.f-bold, .fw-bold{
    font-family: Poppins-Bold, sans-serif !important;
}
.f-ligth, .fw-light{
    font-family: Poppins-Light, sans-serif !important;
}
.f-italic{
    font-family: Poppins-Italic, sans-serif !important;
}
.f-semibold{
    font-family: Poppins-SemiBold, sans-serif !important;
}
.fmt{
    margin-top: var(--fixed-margin-size) !important;
}
.fmb{
    margin-bottom: var(--fixed-margin-size) !important;
}
.fpt{
    padding-top: var(--fixed-margin-size) !important;
}
.fpb{
    padding-bottom: var(--fixed-margin-size) !important;
}
a{
    color: unset;
    text-decoration: none;
}
.color-unset{
    color: unset !important;
}
.text-color-1{
    color: var(--project-color);
}
.bg-color-1{
    background-color: var(--project-color);
}
.black-box{
    background-color: #251f21;
    color: white;
    text-align: center;
    border-radius: 10px;
    padding: .5rem 1rem;
}
.btn-custom-1{
    display: inline-flex;          /* satır içi değil — sarınca çerçeve bölünmesin */
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    border-radius: 10px;
    border: 1px dashed #e0e0e0;
    color: black;
    text-decoration: none;
    text-align: center;
    padding: .35rem 1rem;
    line-height: 1.35;
}
.btn-custom-1 i{ flex: none; }     /* ikon küçülmesin/kaymasın */
.btn-custom-1:hover{
    border-radius: 10px;
    border: 1px dashed var(--project-color);
}
.f-small{
    font-size: .875em;
}
.custom-title-1{
    background-color: var(--project-color);
    font-family: Poppins-SemiBold, sans-serif;
    text-align: center;
    color: white;
    padding: 1rem;
    margin-bottom: 1rem !important;
}
.highlight {
    background-color: yellow;
    color: black;
    padding: 2px;
}
/*** HEADER START ***/
.top-bar{
    background-color: #d1d1d1;
}
/* turkjpath tarzı: şeffaf şerit + turuncu yuvarlak bar (ikonlu), hero üstüne biner. Sticky'yi header yapar. */
/* Yuvarlak yüzen menü barı — şeffaf şerit, yan boşluklarda arkadaki gerçek sayfa görünür */
/* Tam genişlik turuncu menü şeridi — yuvarlak/accent yok, kenardan kenara */
.navbar-box{
    background: linear-gradient(90deg, #fe7706 0%, #df7128 45%, #a83208 100%);   /* açık sol → koyu sağ (slider turuncusuyla aynı yön) */
    position: relative;
    z-index: 2;
    padding: 0;          /* header ve slider'a bitişik; hiç boşluk yok */
    box-shadow: 0 3px 10px rgba(0,0,0,.10);
}
.navbar-box .navbar{
    position: relative;
    width: 100%;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.navbar-box .navbar::before,
.navbar-box .navbar::after{ content: none; display: none; }

/* Orta bölümü genişlet — sağ/sol kenarlarda daha az boşluk (her ekran genişliğinde) */
.container{ max-width: 1560px !important; }
@media (min-width: 992px){
    .container{ width: 94% !important; }
}
.navbar-box .navbar-nav{
    width: 100%;
    justify-content: space-between;   /* öğeleri barın içine yay (turkjpath) */
    gap: 0;
    margin: 0 !important;
}
.navbar-box .nav-link{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 19px 15px;   /* daha büyük menü */
    font-size: 14.5px;
    font-weight: 500;
    color: rgba(255,255,255,.88);
    white-space: nowrap;
    border-radius: 0;
    transition: background-color .18s ease, color .18s ease;
}
.navbar-box .nav-link .nav-ic{ width: 17px; height: 17px; }
.navbar-box .nav-link .nav-ic{ flex: none; }
.navbar-box .nav-link:hover,
.navbar-box .nav-link:focus{
    color: #fff;
    background: rgba(255,255,255,.13);
}
.navbar-box .nav-link.active{
    color: #fff;
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 -3px 0 #fff;   /* aktif öğe alt beyaz çizgi */
}
.navbar-box .dropdown-toggle::after{ display: none; }   /* Bootstrap ok işaretini gizle */
/* Dropdowns fade/slide in */
.navbar-box .dropdown-menu{
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    overflow: hidden;
    margin-top: .35rem;
    animation: navDropIn .22s ease both;
}
@keyframes navDropIn{
    from{ opacity: 0; transform: translateY(-8px); }
    to{ opacity: 1; transform: translateY(0); }
}
.navbar-box .dropdown-item{
    padding: .55rem 1.1rem;
    font-weight: 500;
    transition: background-color .18s ease, color .18s ease, padding-left .18s ease;
}
.navbar-box .dropdown-item:hover,
.navbar-box .dropdown-item:focus{
    background-color: var(--project-color);
    color: #fff;
    padding-left: 1.4rem;
}
/* Bulunduğun/tıkladığın alt menü öğesi — Bootstrap varsayılan MAVİ yerine TURUNCU */
.navbar-box .dropdown-item.active,
.navbar-box .dropdown-item:active{
    background-color: var(--project-color);
    color: #fff;
}
.navbar-box .navbar-toggler{
    border-color: rgba(255,255,255,.5);
}
.navbar-box .navbar-toggler-icon{
    filter: invert(1) brightness(2);
}
.border-radius-20{
    border-radius: 20px;
}
/*** HEADER END ***/
/*** INDEX START ***/
.left-navbar a{
    background-color: #f0f0f0;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    width: 100%;
    text-decoration: none;
    color:unset;
    display: block;
    padding: .7rem;
}
.left-navbar a:hover{
    background-color: #e37d2f;
    color: white;
}
/* Sol kolon — üst menüyle senkron alt menü (ör. Ethics & Policies), açılır/kapanır */
.left-navbar .sb-haschild{ width: 100%; }
.left-navbar .sb-parent-row{
    display: flex;
    align-items: stretch;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;                  /* tüm satır tıklanır (sayfaya gitmez, alt menüyü açar) */
    user-select: none;
}
.left-navbar .sb-parent-row:hover{ background-color: #e37d2f; }
.left-navbar .sb-parent-row .sb-parent-link{
    flex: 1 1 auto;
    background: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    padding: .7rem;
    color: unset;
    text-decoration: none;
}
.left-navbar .sb-parent-row:hover .sb-parent-link,
.left-navbar .sb-parent-row:hover .sb-caret{ color: #fff; }
.left-navbar .sb-parent-row .sb-caret{
    flex: none;
    display: flex;
    align-items: center;
    padding: 0 .7rem;
    background: transparent;
    border: none;
    border-left: 1px solid rgba(0,0,0,.08);
    color: #666;
}
.left-navbar .sb-caret svg{ transition: transform .25s ease; }
.left-navbar .sb-haschild.open .sb-caret svg{ transform: rotate(180deg); }

.left-navbar .sb-sublinks{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-left: 12px;
    padding-left: 10px;
    border-left: 2px solid var(--project-color);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .3s ease, opacity .25s ease, margin-top .3s ease;
}
.left-navbar .sb-haschild.open .sb-sublinks{
    max-height: 800px;
    opacity: 1;
    margin-top: 8px;
}
.left-navbar .sb-sublinks a.sb-sublink{
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: .45rem .6rem;
    font-size: 13px;
    color: #444;
    width: 100%;
    display: block;
    text-decoration: none;
}
.left-navbar .sb-sublinks a.sb-sublink:hover,
.left-navbar .sb-sublinks a.sb-sublink.active{
    background: var(--project-color);
    border-color: var(--project-color);
    color: #fff;
}
.bordered-box-v1{
    background-color: white;
    border-radius: 10px;
    border: 1px dashed #dedede;
    padding: 1.5rem 1rem;
}
.article-card{
    border-bottom: 1px solid #dedede;
}
/* Slider hero — two-tone diagonal (society logo + heading left, cover on orange right) */
/* Tam genişlik hero, menünün altına biner -> menü yan boşluklarında hero görünür */
.index-hero-wrap{
    position: relative;
    z-index: 0;
    margin-top: 0;               /* menü artık hero'ya binmiyor */
    margin-bottom: 1.25rem;
}
.index-hero{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 500px;             /* kitap için yeterli yer */
    background: #f5f6f8 url(../../images/slider_bg.png) center / 100% 100% no-repeat;
    overflow: visible;             /* kitabın 3D taşması kırpılmasın */
    padding: 48px 0 48px;
}
.index-hero-orange{ display: none; }   /* arka plan artık slider_bg.png görseli */
/* ---- Gerçek 3D kitap (turkjpath tekniği: fore-edge + spine) ---- */
.index-hero-book{
    position: absolute;
    top: 50%;
    right: 16%;                    /* eski konum */
    z-index: 3;
    display: block;
    width: 300px;
    max-width: 30%;
    transform: translateY(-50%) perspective(1700px) rotateY(-20deg) rotateX(2deg);
    transform-style: preserve-3d;
    transition: transform .5s cubic-bezier(.25,.8,.25,1);
}
.index-hero-cover{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px 8px 8px 3px;
    box-shadow: 0 30px 55px rgba(15,15,45,.5);
    position: relative;
    z-index: 2;
}
/* sağda dışarı taşan sayfa kenarları (fore-edge) — ince ve zarif */
.index-hero-book::after{
    content: "";
    position: absolute;
    top: 2.5%; bottom: 2.5%;
    right: -11px;
    width: 12px;
    z-index: 1;
    background: repeating-linear-gradient(to right,
        #cdb69a 0, #cdb69a 1px, #fff 1px, #fff 2.5px);
    transform: rotateY(30deg);
    transform-origin: left center;
    border-radius: 0 3px 3px 0;
    box-shadow: 2px 10px 16px rgba(0,0,0,.18);
}
/* sol kenarda cilt gölgesi (spine) */
.index-hero-book::before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 24px;
    z-index: 3;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(to right, rgba(0,0,0,.32), rgba(0,0,0,.06) 55%, rgba(0,0,0,0));
}
.index-hero:hover .index-hero-book{
    transform: translateY(-50%) perspective(1700px) rotateY(-11deg) rotateX(1deg) scale(1.02);
}
.index-hero .container{ position: relative; z-index: 2; }
.index-hero-content{
    max-width: 44%;                /* kapağa binmesin diye genişlikle sınırlı */
    padding: 1rem 0 2.4rem;
    margin-left: 6%;               /* sağa al — kapak öncesi boşlukla dengeli */
}
/* Hero slaytları (çalışan slider) */
.index-hero-slides{ position: relative; min-height: 260px; }   /* sabit yükseklik — slayt değişince oynamaz */
.index-hero-slide{
    position: absolute; top: 0; left: 0; width: 100%;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .45s ease;
}
.index-hero-slide.active{ opacity: 1; visibility: visible; pointer-events: auto; }
.index-hero-brand{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.1rem;
}
.index-hero-brand img{ width: 110px; height: auto; flex: none; }
.index-hero-brand span{
    font-weight: 700;
    color: #16294d;
    font-size: 1rem;
    line-height: 1.15;
}
.index-hero-title{
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 800;
    color: #12213f;
    line-height: 1.06;
    margin: 0 0 .7rem;
}
.index-hero-sub{
    color: #4a4f57;
    font-size: 1rem;
    line-height: 1.55;
    margin: 0 0 1.4rem;
    max-width: 380px;
}
.index-hero-btn{
    display: inline-block;
    background: var(--project-color);
    color: #fff;
    text-decoration: none;
    padding: .7rem 1.9rem;
    border-radius: 8px;
    font-weight: 600;
    transition: background-color .2s ease, transform .15s ease;
}
.index-hero-btn:hover{ background: #b8571a; color: #fff; transform: translateY(-1px); }
/* Slider okları + noktaları (örnek görseldeki gibi) */
.index-hero-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px; height: 42px;
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.75);
    border-radius: 50%;
    color: #555; font-size: 24px; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 4;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.index-hero-arrow:hover{ background: var(--project-color); color: #fff; border-color: var(--project-color); }
.index-hero-arrow-prev{ left: 16px; }
.index-hero-arrow-next{ right: 16px; }
.index-hero-dots{
    position: absolute;
    bottom: 16px; left: 0; right: 0;
    display: flex; justify-content: center; gap: 8px;
    z-index: 4;
}
.index-hero-dots span{
    width: 9px; height: 9px; border-radius: 50%;
    background: rgba(0,0,0,.2);
    transition: width .2s ease, background-color .2s ease;
}
.index-hero-dots span.active{ background: var(--project-color); width: 22px; border-radius: 5px; }
@media (max-width: 991px){ .index-hero-arrow{ display: none; } }
@media (max-width: 991px){
    .index-hero-wrap{ margin-top: 0; }
    .index-hero{ flex-direction: column; padding: 28px 0 28px; min-height: 0; overflow: hidden; }
    .index-hero{ background: #f5f6f8; }   /* mobilde yatay görsel yerine düz gri */
    .index-hero-book{
        position: relative; top: auto; right: auto;
        order: 2;
        width: 340px; max-width: 62%;
        margin: 0 auto;
        transform: perspective(1400px) rotateY(-18deg) rotateX(2deg);
    }
    .index-hero:hover .index-hero-book{ transform: perspective(1400px) rotateY(-18deg) rotateX(2deg); }
    .index-hero .container{ order: 1; }
    .index-hero-content{ max-width: 100%; padding: .5rem 0 .6rem; margin-left: 0; }
    .index-hero-brand{ justify-content: center; }   /* mobilde logo ortalı */
    .index-hero-sub{ max-width: none; }
    /* Mobilde sabit yükseklik korunur ama düşürüldü (kapak üstü boşluk azalsın) */
    .index-hero-slides{ min-height: 150px; }
}
/* Current issue cover — 3D book look next to the slider */
.issue-book{
    perspective: 1600px;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}
.issue-book a{
    display: block;
    width: 78%;
    max-width: 260px;
    text-decoration: none;
}
.issue-book-inner{
    position: relative;
    transform: rotateY(-22deg) rotateX(2deg);
    transform-style: preserve-3d;
    transition: transform .5s cubic-bezier(.25,.8,.25,1);
    border-radius: 3px 6px 6px 3px;
}
.issue-book a:hover .issue-book-inner{
    transform: rotateY(-8deg) rotateX(1deg);
}
.issue-book-inner img{
    display: block;
    width: 100%;
    border-radius: 3px 6px 6px 3px;
    box-shadow:
        0 2px 4px rgba(0,0,0,.18),
        0 14px 34px rgba(0,0,0,.40),
        /* page stack on the right edge */
        4px 0 0 -1px #fbfbfb,
        5px 0 0 -1px #dcdcdc,
        8px 0 0 -2px #fbfbfb,
        9px 0 0 -2px #dcdcdc,
        12px 0 0 -3px #fbfbfb,
        13px 0 0 -3px #dcdcdc;
}
/* spine shadow on the left edge */
.issue-book-inner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,0));
    border-radius: 3px 0 0 3px;
    pointer-events: none;
}
.page-default-content{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 1rem auto;
    border-radius: 20px;
}
.page-default-content p:not([class^="m-"]):not([class*=" m-"]):not([class^="mb-"]):not([class*=" mb-"]) {
    margin: inherit !important;
}
/* Orta kolon sekmeleri (turkjpath tarzı: Current Issue / AOP / Popular) */
.cts-tabs{
    border: none;
    background: #f4f5f7;
    border-radius: 12px;
    padding: 5px;
    gap: 4px;
    flex-wrap: nowrap;
}
.cts-tabs .nav-item{ flex: 1; display: flex; }
.cts-tabs .nav-link{
    flex: 1;
    border: none;
    border-radius: 9px;
    color: #6c7075;
    font-weight: 600;
    font-size: .92rem;
    padding: .7rem .6rem;
    text-align: center;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease;
}
.cts-tabs .nav-link:hover{ color: var(--project-color); }
.cts-tabs .nav-link.active{
    background: #fff;
    color: var(--project-color);
    box-shadow: 0 2px 8px rgba(0,0,0,.09);
}
.cts-tab-head{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin: 1.4rem 0 1rem;
    padding-bottom: .55rem;
    border-bottom: 2px solid #ededed;
}
.cts-tab-head h5{
    margin: 0;
    font-weight: 800;
    color: #12213f;
    font-size: 1.25rem;
}
.cts-seeall{
    color: var(--project-color);
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    white-space: nowrap;
    flex: none;
}
.cts-seeall:hover{ color: #b8571a; text-decoration: underline; }

/* Duyuru carousel — başlıktaki ok butonları */
.ann-head{ display: flex; justify-content: space-between; align-items: center; }
/* Duyuru içeriği — admin ne girerse girsin sabit/standart punto */
.ann-box{ font-size: 13.5px; line-height: 1.55; }
.ann-box p,
.ann-box li,
.ann-box span,
.ann-box div,
.ann-box td,
.ann-box strong,
.ann-box em,
.ann-box b,
.ann-box i{
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}
.ann-box h1, .ann-box h2, .ann-box h3,
.ann-box h4, .ann-box h5, .ann-box h6{
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    color: var(--project-color);
}
.ann-box p{ margin: 0 0 8px !important; }
.ann-box ul, .ann-box ol{ margin: 0 0 8px; padding-left: 20px; }
.ann-box img{ max-width: 100%; height: auto; }
.ann-box .btn-custom-1{ font-size: 13px !important; }   /* buton kendi boyutunu korusun */

/* Duyuru carousel slaytları (Bootstrap yerine sade JS) */
.ann-slide{ display: none; }
.ann-slide.active{ display: block; animation: annFade .35s ease; }
@keyframes annFade{ from{ opacity: 0; } to{ opacity: 1; } }

/* Duyuru içeriği kırpma (formatı koruyarak) + View more */
.ann-content-wrap{ position: relative; }
.ann-clamp{
    position: relative;
    max-height: 13em;              /* ~9 satır önizleme (daha uzun) */
    overflow: hidden;
    transition: max-height .3s ease;
}
.ann-clamp.expanded{ max-height: 3000px; }
.ann-clamp:not(.expanded)::after{
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 2.2em;
    background: linear-gradient(rgba(255,255,255,0), #fff 85%);
    pointer-events: none;
}
.ann-more-link{
    display: inline-block;
    margin-top: 4px;
    color: var(--project-color);
    font-weight: 600;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}
.ann-more-link:hover{ color: #b8571a; }
.ann-nav{ display: inline-flex; gap: 6px; }
.ann-arrow{
    width: 26px; height: 26px; line-height: 1;
    border: none; border-radius: 6px;
    background: rgba(255,255,255,.2); color: #fff;
    font-size: 18px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background-color .15s ease;
}
.ann-arrow:hover{ background: var(--project-color); }
/*** INDEX END ***/

/*** EDITORIAL BOARD START ***/
.editorial-board{
    margin-top: .5rem;
}
.eb-group-title{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--project-color);
    background: transparent;
    padding: .8rem 0;
    border-top: 2px solid var(--project-color);
    border-bottom: 2px solid var(--project-color);
    margin: 3rem 0 1.75rem;
    letter-spacing: .01em;
}
.eb-group-title:first-child{
    margin-top: .5rem;
}
.eb-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
/* A group with a single card spans the full two-column width */
.eb-list .eb-card:only-child{
    grid-column: 1 / -1;
}
.eb-card{
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 1rem;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.eb-card:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
    border-color: #e3d3c7;
}
.eb-photo{
    flex: 0 0 auto;
}
.eb-photo img{
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #f3f3f3;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    background: #f7f7f7;
}
.eb-info{
    min-width: 0;
}
.eb-name{
    font-size: 1rem;
    font-weight: 700;
    color: #251f21;
    margin: 0 0 .25rem;
    line-height: 1.25;
}
.eb-aff{
    font-size: .875rem;
    color: #555;
    line-height: 1.45;
    margin: 0 0 .5rem;
}
.eb-link{
    display: inline-flex;
    align-items: center;
    font-size: .8rem;
    font-weight: 600;
    color: var(--project-color);
    text-decoration: none;
    border: 1px solid var(--project-color);
    border-radius: 20px;
    padding: .2rem .8rem;
    transition: all .2s ease;
}
.eb-link:hover{
    background: var(--project-color);
    color: #fff;
}
@media (max-width: 767px){
    .eb-list{
        grid-template-columns: 1fr;
    }
    .eb-card{
        flex-direction: column;
        text-align: center;
    }
}
/*** EDITORIAL BOARD END ***/

/*** ARCHIVE YEAR HEADINGS (editör kurulu başlığı stili) ***/
.archive-year{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--project-color);
    background: transparent;
    padding: .85rem 0;
    border-top: 2px solid var(--project-color);
    border-bottom: 2px solid var(--project-color);
    margin: 3.5rem 0 1.5rem;
    letter-spacing: .01em;
}
/* ===== Board of Reviewers (editorial board tarzı, görselsiz) ===== */
.rv-year{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--project-color);
    padding: .85rem 0;
    border-top: 2px solid var(--project-color);
    border-bottom: 2px solid var(--project-color);
    margin: 2.5rem 0 1.25rem;
}
.rv-year:first-of-type{ margin-top: 1.25rem; }
.rv-intro{
    color: #555;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 1.5rem !important;
}
.rv-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));   /* en fazla 3 sütun */
    gap: 1rem;
    padding-bottom: 2rem;
}
/* Editorial board kartlarıyla aynı görünüm (görselsiz) */
.rv-name{
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: #251f21;
    line-height: 1.25;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.rv-name:hover{
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
    border-color: #e3d3c7;
}
@media (max-width: 991px){
    .rv-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px){
    .rv-grid{ grid-template-columns: 1fr; }
    .rv-year{ font-size: 1.15rem; }
}

/* ===== Abstracting & Indexing sayfası (arşiv gibi turuncu/beyaz) ===== */
.indexing-intro{
    color: #555;
    font-size: 1rem;
    margin: 0 auto 2rem !important;
    max-width: 720px;
}
.indexing-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;       /* eşit sağ/sol boşluk; eksik satır ortalanır */
    gap: 26px;
    padding: .5rem 0 2.5rem;
}
.indexing-card{
    flex: 1 1 280px;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 250px;                 /* hepsi eşit boyut */
    padding: 30px 22px;
    background: #fff;
    border: 1px solid #ececec;
    border-top: 4px solid var(--project-color);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
a.indexing-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(223,113,40,.20);
    border-color: var(--project-color);
}
.indexing-logo{
    display: flex; align-items: center; justify-content: center;
    height: 120px; width: 100%;
}
.indexing-logo img{
    max-height: 120px;
    max-width: 94%;
    object-fit: contain;
}
.indexing-name{
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--project-color);
    text-align: center;
    line-height: 1.25;
}
@media (max-width: 575px){
    .indexing-grid{ gap: 16px; }
    .indexing-card{ flex-basis: 100%; max-width: 340px; height: 200px; padding: 20px 12px; gap: 14px; }
    .indexing-logo{ height: 90px; }
    .indexing-logo img{ max-height: 90px; }
    .indexing-name{ font-size: 1.02rem; }
}
/* Anasayfa sağ kolon indeks kutuları — hepsi eşit boyut, logo ortalı */
.sidebar-index-box{
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
}
.sidebar-index-box a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sidebar-index-box img{
    max-height: 64px;
    max-width: 90%;
    object-fit: contain;
    margin: 0 auto;                /* kutusunun ortasında */
}
.sidebar-index-box-text{
    font-size: 13px;
    color: #444;
    text-align: center;
    line-height: 1.3;
}
/* Logo + açıklama birlikte olan kart (ör. Creative Commons) — dikey düzen, yükseklik serbest */
.sidebar-index-box.sb-caption-box{
    height: auto;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
}
.sidebar-index-box.sb-caption-box a{ height: auto; }
.sidebar-index-box .sb-caption{
    font-size: 13px;
    color: #444;
    text-align: center;
    line-height: 1.4;
}
/* ── Mobil sıralama: sol/sağ kolon blokları ─────────────────────────────────
   Masaüstünde .sb-group sadece düz bir kapsayıcıdır, görünümü etkilemez.
   Mobilde kolonlar display:contents ile şeffaflaşır; içindeki bloklar doğrudan
   satırın flex öğesi olur ve order ile sıralanır. Makaleler kolonu varsayılan
   order:0 olduğundan ona dokunmaya gerek yoktur.
   Sıra: menü → makaleler → arşiv → duyurular → iletişim → indeksler → logolar → yayıncı */
@media (max-width: 767.98px){
    .sb-col{ display: contents; }
    .sb-col > .sb-group{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
        padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
    }
    .sb-group-nav      { order: -1; }
    .sb-group-archive  { order: 1; }
    .sb-group-ann      { order: 2; }
    .sb-group-contact  { order: 3; }
    .sb-group-indexing { order: 4; }
    .sb-group-logos    { order: 5; }
    .sb-group-publisher{ order: 6; }
}
/* Devre dışı menü linki (ör. içerik yoksa Articles in Press) */
.navbar-box .nav-link.disabled{
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}
/* Sol menü Arşiv widget'ı (turkjpath tarzı yıl grid'i) */
.sb-archive{
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background: #fff;
    padding: 14px 14px 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.sb-archive-head{
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px;
}
.sb-archive-head span{ font-weight: 800; color: #12213f; font-size: 1.05rem; }
.sb-archive-all{
    font-size: 12.5px; font-weight: 600; color: var(--project-color);
    text-decoration: none; white-space: nowrap;
}
.sb-archive-all:hover{ text-decoration: underline; }
.sb-archive-years{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));   /* en fazla 3 sütun, taşmaz */
    gap: 8px;
}
.sb-year{
    display: flex; align-items: center; justify-content: center;
    min-width: 0;                  /* hücreye sığsın, taşmasın */
    padding: 9px 4px;
    border: 1px solid #e6e6e6;
    border-radius: 9px;
    background: #fafafa;
    color: #12213f;
    font-weight: 700; font-size: 13.5px;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .12s ease;
}
.sb-year:hover{
    background: var(--project-color);
    border-color: var(--project-color);
    color: #fff;
    transform: translateY(-1px);
}
/* sabit sütun sayısı yok — auto-fill kutu genişliğine göre ayarlar */
.archive-year:first-of-type{
    margin-top: 1.25rem;
}
.archive-issue{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: .9rem !important;
}
.archive-cover{
    width: 78px;
    height: 110px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 3px 10px rgba(0,0,0,.16);
    flex: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.archive-issue:hover .archive-cover{ transform: scale(1.05); box-shadow: 0 6px 18px rgba(0,0,0,.22); }
.archive-issue-link{ font-size: 1.02rem; }
/*** ARCHIVE YEAR HEADINGS END ***/

/*** FOOTER START ***/
/* Yapışkan footer — kısa sayfalarda bile en altta kalır (yukarı gelmez) */
body{ display: flex; flex-direction: column; min-height: 100vh; }
footer{ margin-top: auto; background: transparent; color: #cfc9c9; }

/* Dalgalı turuncu üst kenar */
.footer-wave{ line-height: 0; margin-bottom: -1px; }
.footer-wave svg{ display: block; width: 100%; height: 44px; }
.footer-body{
    background-color: #201d1d;
    padding: 16px 0 24px;
}
.footer-cols{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 26px 24px;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}
.footer-col{ display: flex; flex-direction: column; align-items: flex-start; }
.footer-col-title{
    font-weight: 800;
    font-size: 15px;
    color: #fff;
    margin-bottom: 14px;
    letter-spacing: .01em;
}
.footer-col a{
    color: #bdb7b7;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 0;
    transition: color .15s ease, padding-left .15s ease;
}
.footer-col a:hover{ color: var(--project-color); padding-left: 4px; }
.footer-copy{
    padding-top: 18px;
    font-size: 13px;
    color: #8f8a8a;
    text-align: center;
}
/*** FOOTER END ***/
/*** CONTENT START ***/
/* ─── ISSUE TITLE ─── */
.issue-heading {
    grid-column: 1 / -1;
    background: white;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    padding: 24px 28px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.issue-title {
    font-size: 16px;
    font-weight: 600;
    color: #27272a;
    line-height: 1.3;
}
.issue-title span { color: var(--project-color); }
.issue-date-tag {
    display: inline-block;
    background: #f0f0f0;
    color: var(--project-color);
    font-size: 12px;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 20px;
    border: 1px solid rgba(223,113,40,0.2);
    margin-top: 8px;
    letter-spacing: 0.02em;
}
/* ─── MAIN CONTENT AREA ─── */
.content-col {}

/* ─── SECTION GROUP ─── */
.section-group {
    margin-bottom: 8px;
}

.section-type-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6b7280;
    padding: 14px 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-type-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e4e4e7;
}

/* ─── ARTICLE CARD ─── */
.article-card {
    background: white;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    padding: 20px 22px 18px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    border-left: 3px solid transparent;
}
.article-card:hover {
    border-color: #d1d1d6;
    border-left-color: var(--project-color);
    box-shadow: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
    transform: translateY(-1px);
}

.article-title {
    font-size: 16px;
    color: var(--project-color);
    line-height: 1.4;
    margin-bottom: 7px;
    cursor: pointer;
    font-family: Poppins-Bold, sans-serif;
}
.article-title:hover { color: #c4611f; text-decoration: underline; text-decoration-color: rgba(223,113,40,0.4); }

.article-authors {
    font-size: 14px;
    color: #3d3d3d;
    margin-bottom: 4px;
}
.article-citation {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 14px;
}

.article-content{
    font-size: 13px;
}

.article-content h5{
    font-size: 14px;
}


.article-citation strong { font-style: normal; color: #52525b; font-weight: 500; }

/* Özet bloğu: "Background" metni <p> içinde değil, bu yüzden onu izleyen ilk <p> bitişik kalıyordu.
   Yukarıdaki .page-default-content p kuralı "margin: inherit !important" ile (özgüllük 0,5,1) her
   paragrafın üst boşluğunu sıfırlıyor; onu geçmek için aynı :not() zinciri + .article-abstract
   kullanılır (0,6,1). 14px = .article-citation'ın alt boşluğu; ardışık paragraflarda boşluklar
   birleştiği için aralar yine tek satır kalır. */
.page-default-content .article-abstract p:not([class^="m-"]):not([class*=" m-"]):not([class^="mb-"]):not([class*=" mb-"]) {
    margin-top: 14px !important;
}

/* Full text: şekil/tablo kutuları (create_table_name çıktısı) — görsel genişliği sınırsızdı,
   mobilde sayfadan taşıyordu. Görsel kutuya sığar; dar ekranda görsel ve açıklama alt alta gelir. */
.article-content table.table img { max-width: 100%; height: auto; }
@media (max-width: 767.98px){
    .article-content table.table,
    .article-content table.table tbody,
    .article-content table.table tr,
    .article-content table.table td { display: block; width: 100% !important; box-sizing: border-box; }
}

.tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 500;
    border: 1px solid #e4e4e7;
    color: #52525b;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}
.tag:hover {
    background: #f4f4f5;
    border-color: #d1d1d6;
    color: #1a1a1a;
}
.tag.tag-primary {
    background: #fdf3eb;
    border-color: rgba(223,113,40,0.25);
    color: var(--project-color);
    font-weight: 600;
}
.tag.tag-primary:hover { background: rgba(223,113,40,0.2); }
.tag.tag-views {
    background: #fff7ed;
    border-color: rgba(223,113,40,0.3);
    color: #9a4a15;
}
.tag.tag-oa {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
    font-weight: 600;
}
.tag.tag-oa:hover { background: #dcfce7; }
.tag svg { width: 11px; height: 11px; flex-shrink: 0; }
.tag-permission {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 600;
    border: 1px solid rgba(223,113,40,0.3);
    color: var(--project-color);
    background: #fdf3eb;
    cursor: pointer;
    transition: all 0.15s;
}
.tag-permission:hover { background: rgba(223,113,40,0.2); }
/*** CONTENT END ***/
.text-fixed-right-nav{
    position: -webkit-sticky; /* Safari desteği için */
    position: sticky;
    top: 174px;               /* sabit header'ın ALTINDA + araya boşluk (yoksa menüye yapışık durur) */
    align-self: flex-start;   /* flex satırında gerilmesin — yoksa yapışacak boşluk kalmaz */
    max-height: calc(100vh - 194px);
    overflow-y: auto;         /* çok fazla bölüm varsa kendi içinde kaysın */
}
.article-toc-mobile a{ display: inline-block; margin-bottom: 4px; }

/* Sadece masaüstü görünümde (navbar-expand-lg kırılma noktası olan 992px ve üstü) çalışır */
@media (min-width: 992px) {

    /* Son eleman HARİÇ tüm nav-item'ları seçer */
    .navbar-nav .nav-item:not(:last-child) {
        position: relative;
        margin-right: 15px; /* Çizgiden sonraki boşluk */
    }

    /* Çizgiyi oluşturur */
    .navbar-nav .nav-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -7.5px; /* Çizgiyi iki ögenin tam ortasına getirir (margin'in yarısı) */
        top: 50%;
        transform: translateY(-50%); /* Dikey olarak tam ortalar */
        height: 18px; /* Çizginin yüksekliği (isteğe göre ayarlayın) */
        width: 1px;   /* Çizginin kalınlığı */
        background-color: #dee2e6; /* Çizgi rengi (Bootstrap gri tonu) */
    }
}

@media (max-width: 1024px) {
    .page { grid-template-columns: 1fr; }
    .issue-heading { flex-direction: column; align-items: flex-start; }
}

/* ============ small devices .end// ============ */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .text-fixed-right-nav{
        display: none;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* ===== Alt sayfa içerik tipografisi =====
   Değerler admin > Site Ayarları'ndan (DB) gelir; buradakiler yalnızca yedek varsayılandır. */
#content-static{
    font-size: var(--page-fs, 14.5px);
    line-height: var(--page-lh, 1.78);
    color: var(--page-text, #333333);
}
#content-static > :first-child{ margin-top: 0 !important; }

/* Tüm metin öğelerini tek/sabit puntoya zorla — eski editörden gelen satır içi
   font-size / <font> etiketleri sayfalar arası farklılık yaratmasın (başlıklar hariç). */
#content-static p,
#content-static li,
#content-static span,
#content-static div,
#content-static td,
#content-static th,
#content-static a,
#content-static font,
#content-static strong,
#content-static b,
#content-static em,
#content-static i,
#content-static u,
#content-static small,
#content-static label,
#content-static blockquote{
    font-size: var(--page-fs, 14.5px) !important;
    line-height: var(--page-lh, 1.78) !important;
}

#content-static p {
    font-size: var(--page-fs, 14.5px) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    line-height: var(--page-lh, 1.78);
    margin: 0 0 13px !important;
}

#content-static span {
    font-size: var(--page-fs, 14.5px) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    line-height: var(--page-lh, 1.78);
}

#content-static h1,
#content-static h2 {
    font-size: var(--page-h2-fs, 18px) !important;
    color: var(--page-heading, #12213f) !important;
    font-weight: 700 !important;
    margin: 30px 0 12px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6e6e6;
    letter-spacing: -.01em;
}

#content-static h3,
#content-static h4,
#content-static h5,
#content-static h6 {
    font-size: var(--page-h3-fs, 14.5px) !important;
    color: var(--page-heading, #12213f) !important;
    font-weight: 600 !important;
    margin: 18px 0 6px !important;
}

#content-static a{
    font-size: var(--page-fs, 14.5px) !important;
    color:var(--project-color) !important;
    text-decoration: none;
    word-break: break-word;
}
#content-static a:hover{ text-decoration: underline; }

#content-static ul,
#content-static ol{
    margin: 0 0 14px !important;
    padding-left: 22px;
}
#content-static li{
    font-size: var(--page-fs, 14.5px);
    line-height: var(--page-lh, 1.78);
    margin-bottom: 7px;
}
#content-static table{ font-size: 14px; }
#content-static img{ max-width: 100%; height: auto; }
/* Editorial board fotoğrafları sabit kalsın — yukarıdaki ID'li kural class'lı kuralı ezmesin */
#content-static .eb-photo img{
    width: 96px;
    height: 96px;
    max-width: none;
    object-fit: cover;
    border-radius: 50%;
}
/* Tüm kartlar aynı yükseklikte */
#content-static .eb-card,
.eb-card{ min-height: 152px; }

.article-card-authors{
    font-size:14px;
}

.article-card-buttons a{
    font-size:13px;
}