/**
 * Navbar – modül CSS
 * Logo, geri butonu, hizmet başlığı, mobil menü toggle, Fiyat Al butonu.
 * Mobilde "Fiyat Al" gizli; navbar yüksekliği tüm sayfalarda aynı (66px).
 */

/* Tüm görünümlerde header-upper bölümünü tamamen gizle */
.main-header .header-upper {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Navbar logo'yu göster ve navbar'ın soluna yerleştir */
.navbar-logo {
    float: left;
    padding: 8px 10px;
    line-height: 1;
    vertical-align: middle;
}
.navbar-logo img {
    max-height: 40px;
    width: auto;
    display: block;
}
/* Geri butonu – varsayılan gizli, sadece mobilde hizmet sayfasında gösterilecek */
.navbar-back-btn {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    color: #222;
    text-decoration: none;
    border-radius: 50%;
    flex-shrink: 0;
}
.navbar-back-btn:hover,
.navbar-back-btn:focus,
.navbar-back-btn:active {
    color: var(--theme-primary-hover, var(--theme-primary, #FA6101));
    background: transparent;
}
/* Hizmet sayfası başlığı (mobilde logo yerine) – varsayılan gizli */
.navbar-service-title {
    display: none;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    padding: 8px 10px;
    line-height: 1.2;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navbar-share-btn {
    display: none;
    border: 0;
    background: transparent;
    color: #222;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto;
    flex-shrink: 0;
}
.navbar-share-btn .material-symbols-outlined {
    font-size: 21px;
    line-height: 1;
}
.navbar-share-btn:hover,
.navbar-share-btn:focus,
.navbar-share-btn:active {
    color: #222;
    background: transparent;
}

/* Navbar'ı flex yaparak logo ve menüyü yan yana göster */
.main-header .header-lower .nav-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.main-header .header-lower .elementskit-navbar {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

/* Navbar'ın overlay'den etkilenmemesi için z-index + görsel temel (style.css'ten) */
.main-header .header-lower {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #fff;
    backdrop-filter: blur(10px);
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
    /* viewport-fit=cover: içerik çentiğin altında kalsın (logo kesilmesin) */
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-bottom: 8px;
    /* transition:all + scroll ile sınıf değişimi bazı mobil tarayıcılarda (öz. Opera) repaint/titreme yapabiliyor */
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Mobil/tablet: navbar altı 1px border kaydırırken çizgi / Opera’da titreme hissi yaratabiliyor */
@media (max-width: 991.98px) {
    .main-header .header-lower {
        border-bottom: none !important;
    }
}

/* Opera mobile: fixed + backdrop-filter scroll sırasında jank/flicker yapabiliyor. */
html.is-opera-mobile .main-header .header-lower,
body.is-opera-mobile .main-header .header-lower {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    /* Geçişler + adres çubuğu resize bazen sürekli repaint/titreme hissi veriyor */
    transition: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Anasayfa (index): navbar alt 1px çizgisi tüm cihazlarda yok */
body.page-index .main-header .header-lower {
    border-bottom: none;
}

/* Sadece /urunler/cocuk-oyun-parki masaüstünde navbar fixed olmasın */
@media (min-width: 992px) {
    .main-header .header-lower {
        border-bottom: none;
        box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03), 0 8px 24px rgba(15, 23, 42, 0.06);
    }
    body.page-index .main-header .header-lower {
        box-shadow: none;
    }
    body.urunler-no-fixed-navbar .main-header .header-lower {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    body.urunler-no-fixed-navbar {
        padding-top: 0 !important;
    }
    /* Navbar alt çizgisi ile içerik üst çizgisi üst üste binmesin (2px görünümü engeller). */
    body.urunler-no-fixed-navbar .index-services-section--page {
        border-top: none !important;
    }
    /* /urunler listesi: navbar alt cizgisi ile icerik ust cizgisi cift gorunmesin */
    body.urunler-list-page .index-services-section--page {
        border-top: none !important;
    }
}

/* Modern toggle butonunu navbar içinde sağa hizala */
.main-header .header-lower .elementskit-navbar .modern-mobile-toggle {
    margin-left: auto;
}

/* Varsayılan olarak hamburger menüyü gizle (sadece mobil ve tablet'te gösterilecek) */
.elementskit-menu-hamburger {
    display: none !important;
}

.modern-mobile-toggle {
    order: 2;
}

/* Tablet görünümü için düzenlemeler */
@media (min-width: 768px) and (max-width: 991px) {
    .ma {
        display: none !important;
    }
    .elementskit-menu-hamburger {
        display: none !important;
    }
    .modern-mobile-toggle {
        display: flex !important;
    }
    /* Masaüstü CTA (turuncu Satış ve Destek) – tablette gizli; mobil ile aynı mantık, çakışma yok */
    .main-header .header-lower .outer-box {
        display: none !important;
    }
    .main-header .header-lower .outer-box .nav-box {
        display: none !important;
    }
    .navbar-logo img {
        max-height: 40px;
    }
    .navbar-logo {
        padding: 8px 10px;
    }
    /* float:left (genel kural) flex ile çakışmasın; logo + menü tek satır */
    .main-header .header-lower .nav-outer {
        float: none !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        min-height: 52px;
        box-sizing: border-box;
    }
    .main-header .header-lower .elementskit-navbar {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        position: relative !important;
        width: 100% !important;
        justify-content: space-between !important;
    }
    .main-header .header-lower .elementskit-navbar .modern-mobile-toggle {
        margin-left: auto !important;
        flex-shrink: 0;
    }
    .main-header .header-lower {
        padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: 8px !important;
    }
    .main-header .elementskit-navbar-nav > li {
        padding: 0 !important;
    }
    .main-header .elementskit-navbar-nav > li > a {
        padding: 8px 0 !important;
    }
    .main-header .header-lower .container {
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* 992px-1024px aralığı için özel düzenleme */
@media (min-width: 992px) and (max-width: 1024px) {
    .main-header .header-lower .outer-box {
        display: flex !important;
    }
    .main-header .header-lower .outer-box .theme-btn {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Masaüstü görünümde menü container'ını düzenle */
@media (min-width: 992px) {
    .ma {
        display: none !important;
    }
    .elementskit-menu-hamburger {
        display: none !important;
    }
    .main-header .header-lower .outer-box .nav-box {
        display: none !important;
    }
    .elementskit-menu-container {
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }
    .main-header .header-lower .nav-outer {
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        min-height: 50px !important;
    }
    .main-header .header-lower .elementskit-navbar {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        pointer-events: none !important;
    }
    .main-header .header-lower .elementskit-navbar .navbar-logo {
        position: absolute !important;
        left: 0 !important;
        pointer-events: auto !important;
    }
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container {
        position: relative !important;
        pointer-events: auto !important;
    }
    .main-header .header-lower .elementskit-navbar .elementskit-navbar-nav {
        justify-content: flex-end !important;
    }
    .main-header .header-lower .outer-box {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        pointer-events: auto !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
    }
    .main-header .header-lower .outer-box .theme-btn {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .elementskit-navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }
    .main-header .elementskit-navbar-nav > li {
        margin-right: 20px !important;
        padding: 0 !important;
    }
    .main-header .elementskit-navbar-nav > li > a {
        padding: 8px 0 !important;
        font-size: 16px !important;
        white-space: nowrap;
        color: var(--theme-navbar-mobile-menu-text, #212121) !important;
    }
    .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before {
        color: #2E90FF !important;
    }
    .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover:before {
        color: #2E90FF !important;
    }
    .main-header .header-lower {
        padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: 8px !important;
    }
    .main-header .header-lower .container {
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-logo img {
        max-height: 35px;
    }
    .navbar-logo {
        padding: 0 !important;
    }
    .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before {
        content: none !important;
    }
    /* Masaustu: navbar yuksekligini bir tik dusur (daha fazla icerik alani) */
    .main-header .header-lower {
        padding-top: calc(6px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: 6px !important;
    }
    .main-header .header-lower .nav-outer {
        min-height: 44px !important;
    }
    .navbar-logo img {
        max-height: 32px;
    }
}

@media (max-width: 991px) {
    /* Mobil/tablet menü butonu: soldaki gibi dairesel kapsül */
    .modern-mobile-toggle {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border: 1px solid var(--theme-navbar-menu-passive-border, #e5e7eb) !important;
        border-radius: 9999px !important;
        background: var(--theme-navbar-menu-passive-bg, #ffffff) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
    }
    .modern-mobile-toggle span {
        width: 18px !important;
        height: 2px !important;
        background: var(--theme-navbar-menu-passive-text, #212121) !important;
        transition: background-color 0.2s ease !important;
    }
    .modern-mobile-toggle span:nth-child(1) {
        top: 12px !important;
    }
    .modern-mobile-toggle span:nth-child(3) {
        bottom: 12px !important;
    }
    .modern-mobile-toggle:hover,
    .modern-mobile-toggle:focus-visible,
    .modern-mobile-toggle:active {
        border-color: var(--theme-primary-hover, var(--theme-primary, #FA6101)) !important;
        color: var(--theme-primary-hover, var(--theme-primary, #FA6101)) !important;
    }
    .modern-mobile-toggle:hover span,
    .modern-mobile-toggle:focus-visible span,
    .modern-mobile-toggle:active span {
        background: var(--theme-primary-hover, var(--theme-primary, #FA6101)) !important;
    }
    .modern-mobile-toggle.is-active span:nth-child(1) {
        top: 50% !important;
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }
    .modern-mobile-toggle.is-active span:nth-child(2) {
        opacity: 0 !important;
        transform: translate(-50%, -50%) scale(0) !important;
    }
    .modern-mobile-toggle.is-active span:nth-child(3) {
        top: 50% !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li > a,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li > a .menu-item-icon {
        color: var(--theme-navbar-mobile-menu-text, #212121) !important;
    }

    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li > a:hover,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li > a:focus {
        color: var(--theme-navbar-mobile-menu-hover, #FA6101) !important;
    }

    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li.current > a,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li.current-menu-item > a,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li.current_page_item > a,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li.current-menu-ancestor > a,
    .main-header .header-lower .elementskit-navbar .elementskit-menu-container .elementskit-navbar-nav > li.active > a {
        color: var(--theme-navbar-mobile-menu-active, #FA6101) !important;
    }
}

/* Ürün detay (/urun): masaüstü ve tablet — üst navbar sayfayla birlikte kayar (fixed değil) */
@media (min-width: 768px) {
    body.hizmet-page .main-header .header-lower {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
    }
}

/* Dropdown chevron - yuvarlak uçlu (rounded) SVG stroke */
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a {
    position: relative !important;
    padding-right: 26px !important;
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before {
    content: none !important;
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: 15px !important;
    height: 15px !important;
    background-color: #2E90FF !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2012'%3E%3Cpath%20d%3D'M2.5%204.5%20L6%208%20L9.5%204.5'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2012'%3E%3Cpath%20d%3D'M2.5%204.5%20L6%208%20L9.5%204.5'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    transform-origin: 50% 50% !important;
    transform: translate3d(0, -50%, 0) rotate(0deg) !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
    opacity: 0.85 !important;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease !important;
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has:hover > a::after {
    transform: translate3d(0, -50%, 0) rotate(180deg) !important;
    opacity: 1 !important;
}

.main-header .header-lower .outer-box .theme-btn {
    margin: 0;
}
/* Mobilde "Fiyat Al" butonu her zaman gizli */
.mobile-fiyat-al {
    display: none !important;
}

@media (max-width: 767px) {
    .mo {
        display: none !important;
    }
    /* Body üst boşluk = navbar (54px + safe-area), slider/content hemen altında başlasın */
    body {
        padding-top: calc(54px + env(safe-area-inset-top, 0px)) !important;
    }
    /* Mobil görünümde logo boyutu */
    .navbar-logo img {
        max-height: 34px;
    }
    .navbar-logo {
        padding: 4px 6px;
    }
    /* Ürün detay (/urun): mobilde geri + başlık (logo gizli); sekme şeridi üstünde tekrar başlık yok */
    body.hizmet-page .navbar-logo {
        display: none !important;
    }
    body.hizmet-page .navbar-back-btn {
        display: flex !important;
        float: none !important;
        flex-shrink: 0;
        order: 1;
    }
    body.hizmet-page .navbar-service-title {
        display: block !important;
        float: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 8px 4px 8px 2px !important;
        order: 2;
    }
    /* Mobil menü açıkken ürün başlığı düzeni yerine logo göster */
    body.hizmet-page.mobile-menu-open .navbar-logo {
        display: block !important;
    }
    body.hizmet-page.mobile-menu-open .navbar-back-btn,
    body.hizmet-page.mobile-menu-open .navbar-service-title {
        display: none !important;
    }
    body.hizmet-page .navbar-share-btn {
        display: none !important;
    }
    body.hizmet-page .modern-mobile-toggle {
        display: block !important;
        order: 99;
        margin-left: auto !important;
        flex-shrink: 0;
    }
    body.hizmet-page .mobile-fiyat-al {
        display: none !important;
    }
    .elementskit-menu-hamburger {
        display: none !important;
    }
    .modern-mobile-toggle {
        display: block !important;
    }
    /* Mobil görünümde outer-box (Fiyat Al) gizli – mobile-fiyat-al da zaten her zaman gizli */
    .main-header .header-lower .outer-box {
        display: none !important;
    }
    /* Navbar yüksekliği kısaltıldı (54px + safe-area), tüm sayfalarda aynı */
    .main-header .header-lower {
        display: flex;
        align-items: center;
        padding-top: calc(6px + env(safe-area-inset-top, 0px));
        padding-bottom: 6px;
        min-height: calc(54px + env(safe-area-inset-top, 0px));
        box-sizing: border-box;
    }
    .main-header .header-lower .container {
        display: flex;
        align-items: center;
        flex: 1;
        min-height: 0;
    }
    .main-header .header-lower .nav-outer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
    }
    .main-header .header-lower .elementskit-navbar {
        display: flex;
        align-items: center;
        flex: 1;
        position: relative;
        width: 100%;
    }
    /* Anasayfa / diğer sayfalar: menü butonu sağa hizalı */
    .main-header .header-lower .elementskit-navbar .modern-mobile-toggle {
        margin-left: auto;
    }
    body.hizmet-page .main-header .header-lower .elementskit-navbar {
        align-items: center;
    }
    /* Ürün detay: üst bar (logo + menü) sayfayla birlikte kayar — fixed değil */
    body.hizmet-page .main-header .header-lower {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
    }
    /* Ürün detay: mobilde fixed/relative geçiş kaldırıldı (stabil davranış) */
    body.hizmet-page.hizmet-scroll-at-top .main-header .header-lower {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        z-index: auto !important;
    }
    body.hizmet-page.hizmet-scroll-at-top {
        padding-top: 0 !important;
    }
}

/* Navbar container – content bölümü ile aynı genişlik ve yatay boşluk */
.main-header .header-lower .container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-header .header-lower .container {
        max-width: 960px;
    }
}

/* =========================
   style.css'ten taşınan navbar kuralları (modül bütünlüğü)
   ========================= */

/* Navbar outer-box CTA butonu temel stilleri – dar genişlik; metin ortada */
.main-header .header-lower .outer-box .theme-btn {
    float: left;
    font-size: 14px;
    padding: 4px 20px;
    min-width: 155px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

/* Navbar "Satis ve Destek" butonu – sadece navbar icinde mavi */
.main-header .header-lower .outer-box .navbar-fiyat-al-btn {
    background-color: var(--theme-navbar-btn-bg, #FA6101) !important;
    color: var(--theme-navbar-btn-text, #FFFFFF) !important;
    border: 1px solid var(--theme-navbar-btn-border, #FA6101) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    text-transform: none !important;
}
.main-header .header-lower .outer-box .navbar-fiyat-al-btn:hover {
    background-color: var(--theme-navbar-btn-hover-bg, var(--theme-navbar-btn-bg, #FA6101)) !important;
    color: var(--theme-navbar-btn-hover-text, var(--theme-navbar-btn-text, #FFFFFF)) !important;
    border: 1px solid var(--theme-navbar-btn-hover-border, var(--theme-navbar-btn-border, #FA6101)) !important;
}

@media (min-width: 992px) {
    /* Masaüstü: tam oval (pill) Satış ve Destek */
    .main-header .header-lower .outer-box .navbar-fiyat-al-btn {
        border-radius: 9999px !important;
    }
    /* Masaüstü: 1px mavi outline */
    .main-header .header-lower .outer-box .navbar-fiyat-al-btn:not(.fiyat-al-trigger-open) {
        background-color: var(--theme-navbar-btn-bg, #FA6101) !important;
        border: 1px solid var(--theme-navbar-btn-border, #FA6101) !important;
        color: var(--theme-navbar-btn-text, #FFFFFF) !important;
    }

    .main-header .header-lower .outer-box .navbar-fiyat-al-btn:not(.fiyat-al-trigger-open):hover {
        background-color: var(--theme-navbar-btn-hover-bg, var(--theme-navbar-btn-bg, #FA6101)) !important;
        border: 1px solid var(--theme-navbar-btn-hover-border, var(--theme-navbar-btn-border, #FA6101)) !important;
        color: var(--theme-navbar-btn-hover-text, var(--theme-navbar-btn-text, #FFFFFF)) !important;
    }
}

/* Navbar konteyner pozisyon */
.main-header .header-lower .elementskit-navbar {
    position: relative;
    z-index: 20;
}

.main-header .header-lower .nav-outer {
    position: relative;
    float: left;
    width: 100%;
}

/* Dropdown açıkken sayfa içeriğinin üste çıkmaması için (öz. anasayfa Ürün Kategorilerimiz) */
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has {
    position: relative;
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has:hover {
    z-index: 100003;
}
.main-header .header-lower,
.main-header .header-lower .elementskit-navbar,
.main-header .header-lower .elementskit-navbar .elementskit-menu-container {
    overflow: visible;
}

/* Elementskit navbar nav – menü öğeleri */
.main-header .elementskit-navbar-nav > li {
    margin-right: 30px;
    padding: 0;
}
.main-header.header-style-two .elementskit-navbar-nav > li,
.main-header.header-style-three .elementskit-navbar-nav > li {
    padding: 0;
}
.main-header.header-style-two .elementskit-navbar-nav > li:before {
    display: none !important;
}
.main-header.header-style-two .elementskit-navbar-nav > li:hover::before {
    display: none !important;
}
.main-header.header-style-three .elementskit-navbar-nav > li:before {
    display: none !important;
}
.main-header.header-style-three .elementskit-navbar-nav > li:hover::before {
    display: none !important;
}
.main-header .elementskit-navbar-nav > li:last-child {
    margin-right: 0;
}
.main-header .elementskit-navbar-nav > li > a {
    padding: 8px 0;
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    opacity: 1;
    color: var(--theme-navbar-menu-passive-text, rgba(34, 34, 34, 0.7));
}
.main-header .elementskit-navbar-nav > li > a .menu-item-icon,
.main-header .elementskit-dropdown > li > a .menu-item-icon,
.main-header .elementskit-submenu-panel > li > a .menu-item-icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: -0.18em;
}
.main-header .elementskit-navbar-nav > li > a .menu-item-icon--mask,
.main-header .elementskit-dropdown > li > a .menu-item-icon--mask,
.main-header .elementskit-submenu-panel > li > a .menu-item-icon--mask,
.modern-mobile-menu-nav .menu-item-icon--mask {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 10px;
    background-color: currentColor;
    -webkit-mask-image: var(--menu-icon-mask);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: var(--menu-icon-mask);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}
.main-header .elementskit-navbar-nav > li > a img.menu-item-icon,
.main-header .elementskit-dropdown > li > a img.menu-item-icon,
.main-header .elementskit-submenu-panel > li > a img.menu-item-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: inline-block;
    vertical-align: -0.2em;
}
.main-header.header-style-two .elementskit-navbar-nav > li > a {
    color: #fff;
    padding: 0;
    /* capitalize: her kelimenin ilk harfini büyütür ("Ürünler ve Uygulamalar" → "Ürünler Ve Uygulamalar") */
    text-transform: none;
    transition: all 300ms ease;
}
.main-header.header-style-two .elementskit-navbar-nav > li > a,
.main-header.header-style-three .elementskit-navbar-nav > li > a {
    color: #fff;
}
.main-header .elementskit-navbar-nav > li:hover > a,
.main-header .elementskit-navbar-nav > li.current > a {
    color: var(--theme-navbar-menu-hover-text, var(--theme-navbar-menu-passive-text, #2E90FF)) !important;
    text-decoration: none !important;
}
.main-header.header-style-two .elementskit-navbar-nav > li:hover > a,
.main-header.header-style-two .elementskit-navbar-nav > li.current > a,
.main-header.header-style-three .elementskit-navbar-nav > li:hover > a,
.main-header.header-style-three .elementskit-navbar-nav > li.current > a {
    color: var(--theme-navbar-menu-hover-text, var(--theme-navbar-menu-passive-text, #2E90FF)) !important;
    text-decoration: none !important;
}
@media (min-width: 992px) {
    /* Hover rengi anında olsun (300ms transition yok) */
    .main-header .elementskit-navbar-nav > li > a,
    .main-header.header-style-two .elementskit-navbar-nav > li > a,
    .main-header.header-style-three .elementskit-navbar-nav > li > a {
        transition: none !important;
    }
    .main-header .elementskit-navbar-nav > li:hover > a,
    .main-header .elementskit-navbar-nav > li.current > a,
    .main-header.header-style-two .elementskit-navbar-nav > li:hover > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.current > a,
    .main-header.header-style-three .elementskit-navbar-nav > li:hover > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.current > a {
        color: var(--theme-navbar-menu-hover-text, var(--theme-primary, #FA6101)) !important;
    }

    /* Desktop: admin/settings sekmeleri gibi buton görünümü */
    .main-header .elementskit-navbar-nav {
        gap: 8px;
    }
    .main-header .elementskit-navbar-nav > li {
        margin-right: 0 !important;
    }
    .main-header .elementskit-navbar-nav > li > a,
    .main-header.header-style-two .elementskit-navbar-nav > li > a,
    .main-header.header-style-three .elementskit-navbar-nav > li > a {
        display: inline-flex !important;
        align-items: center;
        min-height: 36px;
        padding: 8px 14px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border: 1px solid var(--theme-navbar-menu-passive-border, #e5e7eb);
        border-radius: 9999px;
        background: var(--theme-navbar-menu-passive-bg, #ffffff);
        color: var(--theme-navbar-menu-passive-text, #666666) !important;
        text-decoration: none !important;
        transition: none !important;
    }
    /* Hover: pasif görünüm ile aynı */
    .main-header .elementskit-navbar-nav > li:hover > a,
    .main-header.header-style-two .elementskit-navbar-nav > li:hover > a,
    .main-header.header-style-three .elementskit-navbar-nav > li:hover > a {
        font-weight: 600 !important;
        border-color: var(--theme-navbar-menu-hover-border, var(--theme-navbar-menu-passive-border, #e5e7eb));
        background: var(--theme-navbar-menu-hover-bg, var(--theme-navbar-menu-passive-bg, #ffffff));
        color: var(--theme-navbar-menu-hover-text, var(--theme-navbar-menu-passive-text, #666666)) !important;
        text-decoration: none !important;
    }
    /* Aktif durum: admin ayarlar sekmesi tarzı */
    .main-header .elementskit-navbar-nav > li.current > a,
    .main-header .elementskit-navbar-nav > li.current-menu-item > a,
    .main-header .elementskit-navbar-nav > li.current_page_item > a,
    .main-header .elementskit-navbar-nav > li.current-menu-ancestor > a,
    .main-header .elementskit-navbar-nav > li.active > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.current > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.current-menu-item > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.current_page_item > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.current-menu-ancestor > a,
    .main-header.header-style-two .elementskit-navbar-nav > li.active > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.current > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.current-menu-item > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.current_page_item > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.current-menu-ancestor > a,
    .main-header.header-style-three .elementskit-navbar-nav > li.active > a {
        font-weight: 600 !important;
        border-color: var(--theme-navbar-menu-active-border, var(--theme-primary, #fa6200));
        background: var(--theme-navbar-menu-active-bg, #fff8f3);
        color: var(--theme-navbar-menu-active-text, var(--theme-primary, #fa6200)) !important;
    }
    .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after {
        background-color: currentColor !important;
    }
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before {
    content: "\f13d";
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: flaticon;
    transition: all 0.3s ease;
    color: #2E90FF;
}
.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:before {
    color: rgba(255, 255, 255, 0.5);
}
.main-header.header-style-two .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before,
.main-header.header-style-three .elementskit-navbar-nav > li.elementskit-dropdown-has > a:hover::before {
    color: #fff;
}
.main-header .elementskit-navbar-nav > li.elementskit-dropdown-has a {
    padding-right: 18px !important;
}

/* Navbar araçları (xs menü) */
.main-header .xs-menu-tools {
    position: absolute;
    right: 0;
    top: 17px;
    z-index: 1;
}
.main-header .xs-menu-tools li {
    position: relative;
}
.main-header .xs-navbar {
    display: block;
}

/* Header-lower outer-box (masaüstü CTA/cart/search alanı – style.css'ten) */
.main-header .header-lower .outer-box {
    position: absolute;
    right: 0;
    top: 0;
    float: right;
    z-index: 20;
    padding: 21px 0;
    display: flex;
    align-items: center;
    gap: 0;
}
.main-header .header-lower .outer-box .cart-btn {
    position: relative;
    float: left;
    color: #fff;
    font-size: 20px;
    margin-left: 28px;
    margin-top: 4px;
}
.main-header .header-lower .outer-box .cart-btn .cart-icon {
    position: relative;
    color: #fff;
    font-size: 24px;
}
.main-header .header-lower .search-box-btn {
    width: auto;
    height: auto;
    line-height: 1.6em;
    background: 0 0;
}
.main-header .header-lower .search-box-btn:hover {
    background: 0 0;
}
.main-header .header-lower .nav-box {
    position: relative;
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    margin-top: 4px;
    margin-left: 25px;
}
.main-header .header-lower .search-box-outer {
    padding: 0;
    margin-top: 3px;
    margin-left: 22px;
}
.main-header .header-lower .search-box-outer .dropdown-menu {
    top: 52px !important;
}
.main-header .header-lower .user-box {
    position: relative;
    float: left;
    color: #fff;
    font-size: 20px;
    margin-top: 5px;
    margin-left: 20px;
}
.header-style-three .header-lower .outer-box .theme-btn:hover {
    background: #fff;
    color: #FA6101;
}

/* =========================
   Navbar Dropdown Revamp (Theme Uyumlu)
   ========================= */
:root {
    --nav-dropdown-radius: 12px;
    --nav-dropdown-border: rgba(0,0,0,0.08);
    --nav-dropdown-shadow: 0 18px 48px rgba(0,0,0,0.12);
    --nav-dropdown-hover-bg: #f4f7ff;
    --nav-dropdown-text: #111;
    --nav-dropdown-muted: #4a4a4a;
    --nav-primary: #2E90FF;
}

/* Elementskit (aktif navbar) dropdown */
.main-header .elementskit-dropdown li:before {
    display: none;
}
.main-header .elementskit-dropdown,
.main-header .elementskit-submenu-panel {
    background: #fff !important;
    border: 1px solid var(--nav-dropdown-border) !important;
    border-radius: var(--nav-dropdown-radius) !important;
    padding: 8px !important;
    box-shadow: var(--nav-dropdown-shadow) !important;
    overflow: hidden;
    z-index: 100002 !important;
}
.main-header .elementskit-dropdown > li,
.main-header .elementskit-submenu-panel > li {
    border-bottom: none !important;
    background: transparent !important;
}
.main-header .elementskit-dropdown > li:last-child,
.main-header .elementskit-submenu-panel > li:last-child {
    border-bottom: none !important;
}
.main-header .elementskit-dropdown > li > a,
.main-header .elementskit-dropdown li > a,
.main-header .elementskit-submenu-panel > li > a {
    padding: 10px 12px !important;
    border-radius: 10px;
    color: var(--nav-dropdown-text) !important;
    font-weight: 500;
    line-height: 1.25;
    background: transparent !important;
}
.main-header .elementskit-dropdown > li:hover,
.main-header .elementskit-dropdown li:hover,
.main-header .elementskit-submenu-panel > li:hover {
    background: transparent !important;
}
.main-header .elementskit-dropdown > li:hover > a,
.main-header .elementskit-dropdown li:hover > a,
.main-header .elementskit-submenu-panel > li:hover > a {
    background: var(--nav-dropdown-hover-bg) !important;
    color: var(--nav-primary) !important;
}

/* Legacy .main-menu dropdown (fallback) */
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    background: #fff;
    border: 1px solid var(--nav-dropdown-border);
    border-radius: var(--nav-dropdown-radius);
    padding: 8px;
    box-shadow: var(--nav-dropdown-shadow);
    overflow: hidden;
}
.main-menu .navigation > li > ul > li,
.main-menu .navigation > li > ul > li > ul > li {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li:last-child,
.main-menu .navigation > li > ul > li > ul > li:last-child {
    border-bottom: none;
}
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > ul > li > ul > li > a {
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--nav-dropdown-muted);
}
.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: var(--nav-primary);
    background: var(--nav-dropdown-hover-bg);
}

/* Legacy submenu chevron: navbar chevron ile aynı (rotate ile sağ ok) */
.main-menu .navigation > li > ul > li.dropdown > a {
    padding-right: 34px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
    content: "" !important;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 15px;
    height: 15px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2012'%3E%3Cpath%20d%3D'M2.5%204.5%20L6%208%20L9.5%204.5'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2012%2012'%3E%3Cpath%20d%3D'M2.5%204.5%20L6%208%20L9.5%204.5'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    transform: translate3d(0, -50%, 0) rotate(-90deg);
    opacity: 0.85;
}

/* Mobil alt sabit menü (Paylaş + Fiyat Al) */
.mobile-bottom-nav {
    display: none;
}

@media (max-width: 767px) {
    /* Alt sabit menü yüksekliği — iletişim modalı paneli alta sıfır hizalamak için */
    body.hizmet-page {
        /* border-top 1px + padding + satır (min 44) + alt padding (safe-area dahil) */
        --mobile-bottom-nav-height: calc(1px + 10px + 44px + 10px + env(safe-area-inset-bottom, 0px));
        padding-bottom: 78px;
    }

    /* Mobil menü paneli body altında (page-wrapper dışı), z-index 100200 > 99980 — alt çubuk arkada kalır */

    /* Ürün/hizmet detay (/urun/...): mobilde footer (copyright bar dahil) gizli */
    body.hizmet-page footer.main-footer {
        display: none !important;
    }

    .mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99980;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        background: #ffffff;
        border-top: 1px solid #e5e7eb;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        filter: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, visibility 0.24s ease;
    }

    .mobile-bottom-nav__btn {
        min-height: 44px;
        /* index-services: .index-service-item__inner (Bu ürünleri inceleyebilirsin kartları) */
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        background: rgba(255, 255, 255, 0.66);
        color: #111827;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        cursor: pointer;
        -webkit-backdrop-filter: saturate(180%) blur(22px);
        backdrop-filter: saturate(180%) blur(22px);
        box-sizing: border-box;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .mobile-bottom-nav__btn--primary {
        border-color: var(--theme-primary, #FA6101);
        background: var(--theme-primary, #FA6101);
        color: #ffffff;
    }

    /* Detaylı Bilgi: fiyat al modalı e-posta aksiyonu (.fiyat-al-modal__action--email) ile aynı görünüm */
    .mobile-bottom-nav__btn--outline {
        border: none;
        background: var(--theme-button-passive-bg, #f4f5f7);
        color: var(--theme-button-passive-text, #5f6672);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        transition: none;
    }

    /* Paylas butonu: sadece metin, blur/zemin yok */
    .mobile-bottom-nav__btn.js-mobile-share {
        background: transparent;
        border: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
        color: #111827;
    }

    .mobile-bottom-nav__btn.js-mobile-share i {
        display: none;
    }

    .mobile-bottom-nav__btn:hover,
    .mobile-bottom-nav__btn:focus,
    .mobile-bottom-nav__btn:active {
        background: rgba(255, 255, 255, 0.66);
        color: #111827;
        border-color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        box-shadow: none;
    }

    .mobile-bottom-nav__btn--primary:hover,
    .mobile-bottom-nav__btn--primary:focus,
    .mobile-bottom-nav__btn--primary:active {
        background: var(--theme-primary-hover, var(--theme-primary, #FA6101));
        color: #ffffff;
        border-color: var(--theme-primary-hover, var(--theme-primary, #FA6101));
        text-decoration: none;
        box-shadow: none;
    }

    .mobile-bottom-nav__btn--outline:hover,
    .mobile-bottom-nav__btn--outline:focus,
    .mobile-bottom-nav__btn--outline:active,
    .mobile-bottom-nav__btn--outline.fiyat-al-trigger-open,
    .mobile-bottom-nav__btn--outline.fiyat-al-trigger-open:hover,
    .mobile-bottom-nav__btn--outline.fiyat-al-trigger-open:focus,
    .mobile-bottom-nav__btn--outline.fiyat-al-trigger-open:active {
        background: var(--theme-button-passive-bg, #f4f5f7);
        color: var(--theme-button-passive-text, #5f6672);
        border: none;
        text-decoration: none;
        box-shadow: none;
    }

    .mobile-bottom-nav__btn.js-mobile-share:hover,
    .mobile-bottom-nav__btn.js-mobile-share:focus,
    .mobile-bottom-nav__btn.js-mobile-share:active {
        background: transparent;
        border: none;
        color: #111827;
    }
}