/* SalonSync — Zengin mega-menü navigasyonu (Çözümler & Kaynaklar). JS'siz, robust. */

/* Caret */
.navbar-nav .simple-dropdown > .nav-link .ss-caret {
    display: inline-block; margin-left: 5px; font-size: 10px; line-height: 1;
    vertical-align: middle; transition: transform .25s ease; opacity: .55;
}
.navbar-nav .simple-dropdown:hover > .nav-link .ss-caret { transform: rotate(180deg); opacity: 1; }

/* Metin ve ikon üstünde de link (pointer) cursor'ı — tema span/small'lara cursor:auto veriyordu,
   metnin üstünde link "kayboluyor" gibi hissettiriyordu. Tüm öğe tıklanabilir + tutarlı cursor. */
.navbar-nav .simple-dropdown .dropdown-menu li a,
.navbar-nav .simple-dropdown .dropdown-menu li a * { cursor: pointer !important; }
.navbar-nav .simple-dropdown .dropdown-menu li a { -webkit-user-select: none; user-select: none; }

/* ── DESKTOP (≥992px) ── */
@media (min-width: 992px) {
    .navbar-nav .nav-item.simple-dropdown { position: relative; }

    /* Panel */
    .navbar-nav .simple-dropdown > .dropdown-menu {
        display: grid !important;
        position: absolute; top: 100%; left: 0; margin: 0;
        background: #fff;
        border: 1px solid #eeeef1;
        border-radius: 20px;
        box-shadow: 0 30px 70px rgba(20, 20, 30, .16), 0 4px 14px rgba(20, 20, 30, .06);
        padding: 18px !important;
        overflow: hidden; /* buton glow'unu panel içinde tut, köşe taşması yok */
        list-style: none;
        opacity: 0; visibility: hidden; transform: translateY(10px) scale(.985);
        transform-origin: top left;
        transition: opacity .24s cubic-bezier(.22,.61,.36,1), transform .24s cubic-bezier(.22,.61,.36,1), visibility .24s;
        z-index: 200;
    }
    .navbar-nav .simple-dropdown:hover > .dropdown-menu {
        opacity: 1; visibility: visible; transform: translateY(0) scale(1);
    }

    /* Mega (Çözümler) = 2 sütun · List (Kaynaklar) = 1 sütun */
    .navbar-nav .simple-dropdown > .dropdown-menu.ss-mega { grid-template-columns: 1fr 1fr !important; gap: 3px; min-width: 600px; }
    .navbar-nav .simple-dropdown > .dropdown-menu.ss-list { grid-template-columns: 1fr !important; gap: 3px; min-width: 340px; }

    /* Öğe: ikon + metin — li'yi block yap (tema flex+center yapıp içeriği kaydırıyordu) */
    .navbar-nav .simple-dropdown .dropdown-menu li:not(.ss-foot) { display: block !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
    .navbar-nav .simple-dropdown .dropdown-menu li a:not(.ss-cta) {
        display: flex !important; flex-direction: row; align-items: center; gap: 13px;
        width: 100% !important; box-sizing: border-box; justify-content: flex-start !important;
        padding: 11px 13px !important; border-radius: 13px;
        text-align: left !important; white-space: normal;
        transition: background .18s ease, transform .18s ease;
    }
    .navbar-nav .simple-dropdown .dropdown-menu li a:not(.ss-cta):hover { background: #faf6f4; padding-left: 13px !important; }

    .navbar-nav .simple-dropdown .ss-ic {
        width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px;
        background: linear-gradient(135deg, rgba(255,96,54,.22), rgba(255,96,54,.13));
        color: #e8451c; display: flex; align-items: center; justify-content: center;
        font-size: 19px; transition: background .2s ease, color .2s ease, transform .2s ease;
    }
    .navbar-nav .simple-dropdown .ss-ic i { stroke-width: 2.4; }
    .navbar-nav .simple-dropdown .dropdown-menu li a:hover .ss-ic {
        background: #ff6036; color: #fff; transform: translateY(-1px) scale(1.04);
        box-shadow: 0 8px 18px rgba(255,96,54,.32);
    }
    .navbar-nav .simple-dropdown .ss-txt { display: flex; flex-direction: column; min-width: 0; }
    .navbar-nav .simple-dropdown .ss-t {
        font-size: 15px; font-weight: 700; color: #14141a !important; line-height: 1.25;
        transition: color .18s ease;
    }
    .navbar-nav .simple-dropdown .dropdown-menu li a:hover .ss-t { color: #e8451c !important; }
    .navbar-nav .simple-dropdown .dropdown-menu li a small {
        display: block; font-size: 12px; font-weight: 500; color: #63636d !important;
        line-height: 1.35; margin-top: 2px; white-space: nowrap;
    }

    /* Alt CTA şeridi (tam genişlik) */
    .navbar-nav .simple-dropdown .dropdown-menu li.ss-foot {
        grid-column: 1 / -1;
        display: flex !important; align-items: center; justify-content: space-between; gap: 16px;
        margin-top: 8px; padding: 15px 8px 4px;
        border-top: 1px solid #f0f0f2;
    }
    .navbar-nav .simple-dropdown .ss-foot-txt { font-size: 13px; color: #55555f; font-weight: 500; line-height: 1.3; }
    .navbar-nav .simple-dropdown .dropdown-menu li a.ss-cta {
        display: inline-flex !important; align-items: center; justify-content: center;
        padding: 11px 22px !important; margin: 0 !important;
        background: #ff6036 !important; color: #fff !important;
        font-size: 14px; font-weight: 600; line-height: 1;
        border-radius: 30px; white-space: nowrap; flex-shrink: 0; width: auto;
        box-shadow: 0 3px 9px rgba(255,96,54,.32);
        transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .navbar-nav .simple-dropdown .dropdown-menu li a.ss-cta:hover {
        background: #ec4a22 !important; color: #fff !important;
        transform: translateY(-1px); padding-left: 22px !important;
        box-shadow: 0 5px 13px rgba(255,96,54,.40);
    }
}

/* ── MOBİL (≤991px): açık menüde girintili, ikonlu liste ── */
@media (max-width: 991px) {
    .navbar-nav .simple-dropdown > .dropdown-menu {
        display: block !important; opacity: 1 !important; visibility: visible !important;
        transform: none !important; list-style: none;
        padding: 2px 0 10px 14px !important; margin: 2px 0 0 6px;
        border-left: 2px solid rgba(255, 96, 54, .28);
    }
    .navbar-nav .simple-dropdown .dropdown-menu li a {
        display: flex !important; flex-direction: row; align-items: center; gap: 10px;
        padding: 9px 0 !important;
    }
    .navbar-nav .simple-dropdown .ss-ic {
        width: 30px; height: 30px; border-radius: 8px; font-size: 15px;
        background: rgba(255,96,54,.10); color: #ff6036;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .navbar-nav .simple-dropdown .ss-t { font-size: 14px; font-weight: 600; color: #333; }
    .navbar-nav .simple-dropdown .dropdown-menu li a small { display: none; }
    .navbar-nav .simple-dropdown .ss-foot { display: none; }
    .navbar-nav .simple-dropdown .ss-caret { display: none; }
}

/* ── /özellikler "Dahası da var" hover görselleri — dev boyut fix ──
   Tema desktop'ta .hover-reveal'a width:auto veriyor → 1024px görseller kocaman açılıyordu.
   Kartı sabit boyuta kısıtla, görseli cover ile sığdır. */
.hover-reveal { width: 340px !important; height: auto !important; }
.hover-reveal .hover-reveal__inner,
.hover-reveal .hover-reveal__img { width: 340px !important; height: 240px !important; overflow: hidden; border-radius: 16px !important; }
.hover-reveal .hover-reveal__img img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; border-radius: 16px !important;
    max-width: none !important;
}

/* ── Sektör hero CTA butonu — data-anime bazı yüklemelerde butonu açmıyor (opacity ~0'da kalıyor).
   Görünürlüğü garanti kıl (fade yerine anında görünür — görünmez CTA'dan iyidir). ── */
section.cover-background [data-anime] a.btn,
section.cover-background a.btn.btn-large { opacity: 1 !important; }

/* ── Tıklanabilir görsel/kutu linkleri (ör. "Ücretsiz" figürü) — tema img/figcaption
   üzerinde cursor'ı ezebiliyor; link olduğu belli olsun diye tüm alt öğelerde el imleci. ── */
a.ss-clickbox,
a.ss-clickbox * { cursor: pointer !important; }