/* ==========================================================================
   ATP Besyo — Site geneli header (tek bileşen)
   Önek: .atph-   Hiçbir tema CSS'ine (app.css / styles.css) bağımlı değildir;
   iki temada da aynı görünür. Bkz. app/template/_site_header.php
   ========================================================================== */

.atph-root{
    --atph-ink:      #080b1a;
    --atph-ink-2:    #101433;
    --atph-line:     rgba(255,255,255,.12);
    --atph-txt:      rgba(255,255,255,.86);
    --atph-txt-dim:  rgba(255,255,255,.62);
    --atph-accent:   #7ff0da;
    --atph-accent-2: #c4b5fd;
    --atph-coral:    #ee4a62;
    --atph-h:        74px;

    position: relative;
    z-index: 999;
    font-family: inherit;
}
.atph-root *,
.atph-root *::before,
.atph-root *::after{ box-sizing: border-box; }

.atph-root a{ text-decoration: none; }
.atph-root ul{ list-style: none; margin: 0; padding: 0; }

/* --- Duyuru şeridi ---------------------------------------------------- */
.atph-announce{
    position: relative;
    background: linear-gradient(-45deg, #54b262, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: atphGradient 15s ease infinite;
}
@keyframes atphGradient{
    0%{ background-position: 0% 50%; }
    50%{ background-position: 100% 50%; }
    100%{ background-position: 0% 50%; }
}
.atph-announce__link{
    display: block;
    padding: 8px 44px;
    text-align: center;
    color: #fff;
    font-size: 13.5px;
    line-height: 1.45;
    font-weight: 500;
}
.atph-announce__link b{ font-weight: 700; }
.atph-announce__link:hover{ color: #fff; text-decoration: underline; }
.atph-announce__close{
    position: absolute;
    right: 8px; top: 50%;
    transform: translateY(-50%);
    width: 28px; height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    background: rgba(255,255,255,.16);
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease;
}
.atph-announce__close:hover{ background: rgba(255,255,255,.3); }
.atph-root.is-announce-hidden .atph-announce{ display: none; }

/* --- SON DAKİKA şeridi ---------------------------------------------------
   Duyuru şeridinin ticker'lı hâli; `$ATPH_TICKER` doluysa aynı kabın içine
   tek satırlık düz duyuru yerine dönüşümlü mesajlar basılır. Zemin ve kapatma
   düğmesi .atph-announce'tan miras, bu yüzden burada yalnız içerik var.
   Şerit kapatılınca hatırlanan anahtar markup'taki data-key ile geliyor. */
.atph-announce.is-ticker{
    background:
        radial-gradient(130% 320% at 10% 50%, rgba(238,74,98,.20) 0%, transparent 60%),
        radial-gradient(130% 320% at 90% 50%, rgba(196,181,253,.14) 0%, transparent 60%),
        linear-gradient(90deg, #07040c 0%, #22102a 50%, #07040c 100%);
}
.atph-sd{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 9px 46px 9px 14px;
    color: rgba(255,255,255,.88);
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: .2px;
}
.atph-sd:hover{ color: #fff; text-decoration: none; }
/* Kapatma düğmesi bağlantının üstünde kalmalı: bazı sürümlerde
   .atph-announce__close'ta z-index yok ve şeridin <a>'sı düğmeyi örtüyor —
   tıklama kapatmak yerine sayfaya gidiyordu. */
.atph-announce.is-ticker .atph-announce__close{ z-index: 3; }
.atph-sd__badge{
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--atph-coral) 0%, #ff7a5c 100%);
    color: #fff;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(238,74,98,.35);
}
.atph-sd__badge i{
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #fff;
    animation: atphSdBlink 1.5s ease-in-out infinite;
}
@keyframes atphSdBlink{ 0%,100%{ opacity: 1 } 50%{ opacity: .25 } }

/* mesajlar üst üste duruyor, sırayla görünür olan .is-on alır */
.atph-sd__view{
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 20px;
}
.atph-sd__msg{
    position: absolute;
    left: 0; right: 0; top: 0;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .45s ease, transform .45s ease;
    pointer-events: none;
}
.atph-sd__msg.is-on{ opacity: 1; transform: none; }
.atph-sd__msg b{ color: #fff; font-weight: 700; }
.atph-sd__msg em{ font-style: normal; color: var(--atph-accent); font-weight: 600; }
.atph-sd__short{ display: none; }

.atph-sd__cta{
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: #05121a;
    background: linear-gradient(135deg, var(--atph-accent) 0%, var(--atph-accent-2) 100%);
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 6px 16px rgba(127,240,218,.20);
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease;
}
.atph-sd__cta::after{ content: "\2192"; transition: transform .18s ease; }
.atph-sd:hover .atph-sd__cta{ transform: translateY(-1px); }
.atph-sd:hover .atph-sd__cta::after{ transform: translateX(3px); }

/* Dar ekran: uzun isim listesi yerine kısa varyant, CTA yalnız ok olur. */
/* Dar ekranda mesaj tek satıra sığmıyor; kırpmak yerine iki satıra
   yayılıyor (üçüncü satır olursa line-clamp kesiyor). */
@media (max-width: 767px){
    .atph-sd{ gap: 8px; padding: 7px 38px 7px 10px; font-size: 12.5px; }
    .atph-sd__badge{ font-size: 9.5px; padding: 3px 7px; letter-spacing: .1em; }
    .atph-sd__view{ height: 34px; }
    .atph-sd__msg{
        top: 50%;
        transform: translateY(-50%) translateY(5px);
        white-space: normal;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: clip;
    }
    .atph-sd__msg.is-on{ transform: translateY(-50%); }
    .atph-sd__full{ display: none; }
    .atph-sd__short{ display: inline; }
    .atph-sd__cta{ font-size: 0; padding: 4px 8px; gap: 0; }
    .atph-sd__cta::after{ font-size: 13px; }
}
@media (max-width: 400px){
    .atph-sd__badge span{ display: none; }   /* rozet yalnız yanıp sönen nokta */
    .atph-sd__badge{ padding: 5px 6px; }
}

/* --- Header ----------------------------------------------------------- */
/* NOT: `position: sticky` KULLANILAMAZ — eski temanın app.css'i
   `body{overflow:hidden}` tanımlıyor, bu da sticky'yi 64 sayfada tamamen
   devre dışı bırakıyor. Bunun yerine sayfa kaydırılınca JS `is-fixed`
   ekliyor ve altındaki .atph-spacer header yüksekliğini rezerve ederek
   içeriğin zıplamasını engelliyor. */
.atph-header{
    position: relative;
    z-index: 998;
    background: linear-gradient(120deg, var(--atph-ink) 0%, var(--atph-ink-2) 60%, #0a0d1f 100%);
    border-bottom: 1px solid var(--atph-line);
    transition: box-shadow .25s ease, padding .25s ease;
}
.atph-header.is-fixed{
    position: fixed;
    top: 0; left: 0; right: 0;
}
.atph-spacer{ height: 0; }

.atph-header.is-stuck{ box-shadow: 0 12px 34px rgba(0,0,0,.42); }

.atph-inner{
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 22px;
    height: var(--atph-h);
    display: flex;
    align-items: center;
    gap: 18px;
}

/* --- Logo -------------------------------------------------------------- */
.atph-logo{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.atph-logo img{
    display: block;
    height: 50px;
    width: auto;
    transition: height .25s ease;
}
.atph-header.is-stuck .atph-logo img{ height: 42px; }

/* --- Masaüstü menü ----------------------------------------------------- */
.atph-nav{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}
.atph-menu{
    display: flex;
    align-items: center;
    gap: 2px;
}
.atph-menu > li{ position: relative; }
.atph-menu > li > a{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 13px;
    border-radius: 10px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--atph-txt);
    white-space: nowrap;
    transition: color .18s ease, background .18s ease;
}
.atph-menu > li > a:hover,
.atph-menu > li.is-active > a{
    color: #fff;
    background: rgba(255,255,255,.09);
}
.atph-menu > li.is-strong > a{ font-weight: 700; color: #fff; }
.atph-caret{
    display: inline-block;
    width: 8px; height: 8px;
    margin-left: 1px;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform .2s ease;
}
.atph-menu > li:hover > a .atph-caret{ transform: rotate(225deg) translate(-3px, -3px); }

/* açılır alt menü */
.atph-sub{
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 232px;
    padding: 8px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 44px rgba(6,10,26,.28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.atph-menu > li:hover > .atph-sub,
.atph-menu > li:focus-within > .atph-sub{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.atph-sub li a{
    display: block;
    padding: 10px 13px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 500;
    color: #33404d;
    transition: background .16s ease, color .16s ease;
}
.atph-sub li a:hover{ background: #f2f6f8; color: #0c6f60; }

/* --- Sağ taraf --------------------------------------------------------- */
.atph-actions{
    flex: 0 0 auto;
    margin-left: auto;   /* mobilde nav gizlenince butonlar sağda kalsın */
    display: flex;
    align-items: center;
    gap: 10px;
}

.atph-icon-btn{
    position: relative;
    width: 42px; height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.06);
    color: #fff;
    border-radius: 12px;
    cursor: pointer;
    padding: 0;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.atph-icon-btn:hover{ background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.36); color: #fff; }
.atph-icon-btn svg{ width: 19px; height: 19px; display: block; }

.atph-cart-count{
    position: absolute;
    top: -6px; right: -6px;
    min-width: 20px; height: 20px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--atph-coral);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    border: 2px solid var(--atph-ink);
}

.atph-account{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease;
}
.atph-account:hover{ background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); color: #fff; }
.atph-account svg{ width: 17px; height: 17px; }
.atph-account__name{
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.atph-burger{ display: none; }

/* --- Mobil çekmece ----------------------------------------------------- */
.atph-backdrop{
    position: fixed;
    inset: 0;
    background: rgba(4,7,18,.62);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s;
    z-index: 1000;
}
.atph-drawer{
    position: fixed;
    top: 0; right: 0;
    width: min(88vw, 360px);
    height: 100%;
    background: linear-gradient(170deg, var(--atph-ink) 0%, var(--atph-ink-2) 100%);
    border-left: 1px solid var(--atph-line);
    transform: translateX(100%);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
body.atph-drawer-open{ overflow: hidden; }
.atph-root.is-drawer-open .atph-backdrop{ opacity: 1; visibility: visible; }
.atph-root.is-drawer-open .atph-drawer{ transform: translateX(0); }

.atph-drawer__top{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 14px;
    border-bottom: 1px solid var(--atph-line);
}
.atph-drawer__top img{ height: 44px; width: auto; display: block; }

.atph-drawer__body{
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 14px 22px;
}
.atph-mmenu > li{ border-bottom: 1px solid rgba(255,255,255,.07); }
.atph-mmenu > li:last-child{ border-bottom: 0; }
.atph-mmenu > li > a,
.atph-mmenu > li > .atph-mtoggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 14px 8px;
    border: 0;
    background: transparent;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: var(--atph-txt);
    cursor: pointer;
    font-family: inherit;
}
.atph-mmenu > li > a:hover,
.atph-mmenu > li > .atph-mtoggle:hover{ color: #fff; }
.atph-mmenu > li.is-strong > a,
.atph-mmenu > li.is-strong > .atph-mtoggle{ color: #fff; font-weight: 700; }
.atph-mtoggle .atph-caret{
    transform: rotate(45deg);
    transition: transform .22s ease;
    color: var(--atph-txt-dim);
}
.atph-mmenu > li.is-open .atph-mtoggle .atph-caret{ transform: rotate(225deg) translate(-2px,-2px); }

.atph-msub{
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
}
.atph-mmenu > li.is-open .atph-msub{ max-height: 460px; }
.atph-msub li a{
    display: block;
    padding: 11px 8px 11px 22px;
    font-size: 14px;
    color: var(--atph-txt-dim);
    border-left: 2px solid rgba(255,255,255,.14);
    margin-left: 8px;
}
.atph-msub li a:hover{ color: var(--atph-accent); border-left-color: var(--atph-accent); }

.atph-drawer__foot{
    flex: 0 0 auto;
    padding: 16px 18px 22px;
    border-top: 1px solid var(--atph-line);
    display: grid;
    gap: 10px;
}
.atph-drawer__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 48px;
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 700;
    color: #06241f;
    background: linear-gradient(120deg, #7ff0da, #1ab69d);
}
.atph-drawer__btn:hover{ color: #06241f; filter: brightness(1.06); }
.atph-drawer__btn--ghost{
    color: #fff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.22);
}
.atph-drawer__btn--ghost:hover{ color: #fff; background: rgba(255,255,255,.18); }

/* --- Duyarlılık --------------------------------------------------------- */
@media (max-width: 1299px){
    .atph-menu > li > a{ padding: 10px 10px; font-size: 14px; }
    .atph-inner{ padding: 0 16px; gap: 12px; }
}

@media (max-width: 1199px){
    .atph-nav{ display: none; }
    .atph-burger{ display: inline-flex; }
    .atph-account__name{ display: none; }
    .atph-account{ padding: 0; width: 42px; justify-content: center; }
}

@media (max-width: 575px){
    .atph-root{ --atph-h: 64px; }
    .atph-inner{ padding: 0 12px; gap: 8px; }
    .atph-logo img{ height: 40px; }
    .atph-header.is-stuck .atph-logo img{ height: 36px; }
    .atph-announce__link{ font-size: 12px; padding: 7px 40px; }
    .atph-icon-btn, .atph-account{ width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce){
    .atph-root *,
    .atph-root *::before,
    .atph-root *::after{
        animation-duration: .001ms !important;
        transition-duration: .001ms !important;
    }
}

/* --- Eski temaların kendi header kalıntılarını bastır --------------------
   (aynı sayfada iki header görünmesin) */
.edu-header.header-style-1,
.rbt-header.rbt-header-10{ display: none !important; }


/* ==========================================================================
   ATP ÖZEL EĞİTİM skin — .atph-root.is-soft
   Sitenin dili: yumuşak krem/şeftali zeminler, mercan→turuncu gradyan
   (#ed432d → #fa8c28, anasayfadaki özellik kartıyla aynı), büyük yuvarlaklık.
   Bu yüzden header düz bir bar değil, hero'nun üzerinde YÜZEN buzlu cam
   "pill". Sayfa kaydırılınca tam genişlikte buzlu şeride dönüşür.
   ========================================================================== */

.atph-root.is-soft{
    --atph-c1:      #ed432d;   /* mercan  */
    --atph-c2:      #fa8c28;   /* turuncu */
    --atph-ink:     #23203a;
    --atph-dim:     #6f6880;
    --atph-cream:   #fdeeea;
    --atph-glass:   rgba(255,255,255,.74);
    --atph-h:       68px;
}

/* --- Duyuru şeridi: sitenin kendi mercan→turuncu gradyanı --------------- */
.atph-root.is-soft .atph-announce{
    background: linear-gradient(90deg, var(--atph-c1) 0%, var(--atph-c2) 100%);
    animation: none;
}
.atph-root.is-soft .atph-announce__link{ font-weight: 600; letter-spacing: .002em; }
.atph-root.is-soft .atph-announce__close{ background: rgba(255,255,255,.22); border-radius: 9px; }
.atph-root.is-soft .atph-announce__close:hover{ background: rgba(255,255,255,.38); }

/* SON DAKİKA şeridi bu sitenin turuncu bandını devralmasın: haber şeridi
   koyu zeminde okunur ve sitenin kendi duyurusundan ayrışsın diye
   .is-soft ezmesini aynı özgüllükte geri alıyoruz. */
.atph-root.is-soft .atph-announce.is-ticker{
    background:
        radial-gradient(130% 320% at 10% 50%, rgba(238,74,98,.22) 0%, transparent 60%),
        radial-gradient(130% 320% at 90% 50%, rgba(253,155,38,.18) 0%, transparent 60%),
        linear-gradient(90deg, #0b0709 0%, #2a1410 50%, #0b0709 100%);
}
/* CTA rozeti ve vurgu rengi sitenin turuncusuna dönsün (mint/lila buraya ait değil) */
.atph-root.is-soft .atph-sd__msg em{ color: #ffb45c; }
.atph-root.is-soft .atph-sd__cta{
    color: #2a1206;
    background: linear-gradient(135deg, #ffb45c 0%, #fd9b26 100%);
    box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 6px 16px rgba(253,155,38,.28);
}

/* --- Yüzen pill --------------------------------------------------------- */
/* Bant, altındaki bölümle dikiş oluşturmasın diye çok hafif sıcak krem —
   anasayfada şeftali hero'ya, iç sayfalarda açık zemine yumuşak geçer. */
.atph-root.is-soft .atph-header{
    background: linear-gradient(180deg, #fff6f2 0%, #fffaf8 100%);
    border-bottom: 0;
    padding: 14px 0;
    transition: background .3s ease, padding .3s ease, box-shadow .3s ease;
}
/* kaydırınca tam genişlik buzlu şerit — yan boşluklardan içerik sızmasın */
.atph-root.is-soft .atph-header.is-stuck{
    padding: 9px 0;
    background: linear-gradient(180deg, rgba(255,250,248,.88) 0%, rgba(255,250,248,.72) 100%);
    -webkit-backdrop-filter: blur(16px) saturate(1.5);
            backdrop-filter: blur(16px) saturate(1.5);
    box-shadow: 0 8px 30px -12px rgba(93,48,28,.28);
}

.atph-root.is-soft .atph-inner{
    width: min(1320px, calc(100% - 40px));
    max-width: none;
    height: var(--atph-h);
    padding: 0 20px;
    border-radius: 22px;
    background: var(--atph-glass);
    -webkit-backdrop-filter: blur(18px) saturate(1.7);
            backdrop-filter: blur(18px) saturate(1.7);
    border: 1px solid rgba(255,255,255,.92);
    box-shadow:
        0 1px 2px rgba(93,48,28,.05),
        0 12px 34px -14px rgba(237,67,45,.30);
    transition: border-radius .3s ease, box-shadow .3s ease, background .3s ease;
}
.atph-root.is-soft .atph-header.is-stuck .atph-inner{
    background: rgba(255,255,255,.86);
    box-shadow: 0 6px 22px -12px rgba(93,48,28,.34);
}

/* --- Logo ---------------------------------------------------------------- */
.atph-root.is-soft .atph-logo img{ height: 46px; }
.atph-root.is-soft .atph-header.is-stuck .atph-logo img{ height: 40px; }

/* --- Menü ---------------------------------------------------------------- */
.atph-root.is-soft .atph-menu{ gap: 4px; }
.atph-root.is-soft .atph-menu > li > a{
    color: var(--atph-ink);
    font-weight: 600;
    font-size: 14.5px;
    padding: 9px 15px;
    border-radius: 999px;
}
.atph-root.is-soft .atph-menu > li > a:hover{
    color: var(--atph-c1);
    background: rgba(237,67,45,.09);
}
.atph-root.is-soft .atph-menu > li.is-active > a{
    color: var(--atph-c1);
    background: rgba(237,67,45,.12);
}
.atph-root.is-soft .atph-menu > li.is-strong > a{
    color: #fff;
    background: linear-gradient(90deg, var(--atph-c1) 0%, var(--atph-c2) 100%);
    box-shadow: 0 6px 16px -7px rgba(242,92,44,.75);
}
.atph-root.is-soft .atph-menu > li.is-strong > a:hover{
    color: #fff;
    filter: brightness(1.06);
}

/* açılır menü — sayfadaki kartlarla aynı yuvarlaklık */
.atph-root.is-soft .atph-sub{
    border-radius: 18px;
    padding: 9px;
    border: 1px solid rgba(237,67,45,.10);
    box-shadow: 0 20px 44px -18px rgba(93,48,28,.42);
}
.atph-root.is-soft .atph-sub li a{
    color: var(--atph-ink);
    border-radius: 12px;
    font-weight: 500;
}
.atph-root.is-soft .atph-sub li a:hover{
    background: linear-gradient(90deg, rgba(237,67,45,.10), rgba(250,140,40,.10));
    color: var(--atph-c1);
}

/* --- Sağ taraf ----------------------------------------------------------- */
.atph-root.is-soft .atph-icon-btn{
    border: 1px solid rgba(237,67,45,.16);
    background: rgba(255,255,255,.72);
    color: var(--atph-ink);
    border-radius: 14px;
}
.atph-root.is-soft .atph-icon-btn:hover{
    background: #fff;
    border-color: rgba(237,67,45,.34);
    color: var(--atph-c1);
}
.atph-root.is-soft .atph-cart-count{
    background: linear-gradient(90deg, var(--atph-c1), var(--atph-c2));
    border-color: rgba(255,255,255,.95);
}

.atph-root.is-soft .atph-account{
    border-radius: 14px;
    border: 0;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(90deg, var(--atph-c1) 0%, var(--atph-c2) 100%);
    box-shadow: 0 10px 22px -9px rgba(242,92,44,.8);
    transition: filter .2s ease, transform .18s ease, box-shadow .22s ease;
}
.atph-root.is-soft .atph-account:hover{
    color: #fff;
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 14px 26px -10px rgba(242,92,44,.85);
}

/* --- Mobil çekmece: sıcak krem ------------------------------------------- */
.atph-root.is-soft .atph-backdrop{ background: rgba(60,24,14,.44); }
.atph-root.is-soft .atph-drawer{
    background: linear-gradient(180deg, #fffaf8 0%, #fdeeea 100%);
    border-left: 0;
    border-radius: 26px 0 0 26px;
    box-shadow: -22px 0 50px -24px rgba(93,48,28,.5);
}
.atph-root.is-soft .atph-drawer__top,
.atph-root.is-soft .atph-drawer__foot{ border-color: rgba(237,67,45,.14); }
.atph-root.is-soft .atph-mmenu > li{ border-bottom-color: rgba(237,67,45,.10); }
.atph-root.is-soft .atph-mmenu > li > a,
.atph-root.is-soft .atph-mmenu > li > .atph-mtoggle{
    color: var(--atph-ink);
    font-weight: 600;
}
.atph-root.is-soft .atph-mmenu > li > a:hover,
.atph-root.is-soft .atph-mmenu > li > .atph-mtoggle:hover{ color: var(--atph-c1); }
.atph-root.is-soft .atph-mmenu > li.is-strong > a,
.atph-root.is-soft .atph-mmenu > li.is-strong > .atph-mtoggle{ color: var(--atph-c1); }
.atph-root.is-soft .atph-mtoggle .atph-caret{ color: var(--atph-dim); }
.atph-root.is-soft .atph-msub li a{
    color: var(--atph-dim);
    border-left-color: rgba(237,67,45,.20);
}
.atph-root.is-soft .atph-msub li a:hover{
    color: var(--atph-c1);
    border-left-color: var(--atph-c1);
}
.atph-root.is-soft .atph-drawer__btn{
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(90deg, var(--atph-c1) 0%, var(--atph-c2) 100%);
    box-shadow: 0 10px 22px -10px rgba(242,92,44,.8);
}
.atph-root.is-soft .atph-drawer__btn:hover{ color: #fff; filter: brightness(1.06); }
.atph-root.is-soft .atph-drawer__btn--ghost{
    background: rgba(255,255,255,.8);
    color: var(--atph-ink);
    border: 1px solid rgba(237,67,45,.18);
    box-shadow: none;
}
.atph-root.is-soft .atph-drawer__btn--ghost:hover{ background: #fff; color: var(--atph-c1); }

/* --- Duyarlılık ---------------------------------------------------------- */
@media (max-width: 1199px){
    .atph-root.is-soft .atph-account{ width: 44px; padding: 0; }
}
@media (max-width: 767px){
    .atph-root.is-soft .atph-header{ padding: 10px 0; }
    .atph-root.is-soft .atph-inner{ width: calc(100% - 28px); border-radius: 18px; padding: 0 12px; }
}
@media (max-width: 575px){
    .atph-root.is-soft{ --atph-h: 60px; }
    .atph-root.is-soft .atph-header{ padding: 8px 0; }
    .atph-root.is-soft .atph-inner{ width: calc(100% - 20px); border-radius: 16px; }
    .atph-root.is-soft .atph-logo img{ height: 38px; }
}