/* ===============================================================================
   MOBİL GÖRÜNÜM MODERN DÜZELTMELERİ
   - Header ile menü arasındaki boşluk düzeltmesi
   - Modern menü tasarımı
   - Modern footer butonları
   =============================================================================== */

/* TÜM MOBİL CİHAZLAR İÇİN */
@media screen and (max-width: 1024px) {
    
    /* ========== HEADER İLE MENÜ ARASINDA BOŞLUK DÜZELTMESİ ========== */
    
    /* Header yüksekliğini ayarla */
    header.main-header {
        height: 70px !important;
        padding: 0 !important;
    }
    
    /* Header logo pozisyonu */
    .header-logo {
        left: 15px !important;
        top: 5px !important;
    }
    
    .header-logo img {
        width: 130px !important;
        height: 40px !important;
    }
    
    /* Nav button pozisyonu - header içinde ortalanmış */
    .nav-button-wrap {
        right: 10px !important;
        top: 15px !important;
        width: 50px !important;
    }
    
    .nav-button {
        width: 40px !important;
        height: 40px !important;
        left: 0 !important;
    }
    
    /* ========== MODERN MENÜ TASARIMI ========== */
    
    /* Menü container - header hemen altından başlar */
    .nav-holder {
        position: fixed !important;
        top: 70px !important; /* Header yüksekliği kadar */
        right: -100% !important;
        width: 100% !important;
        bottom: 70px !important; /* Footer yüksekliği - eşit boşluk */
        height: calc(100vh - 140px) !important; /* Header + footer */
        background: linear-gradient(135deg, #1e1e1e 0%, #2d2d32 50%, #1e1e1e 100%) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 9998 !important;
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.5) !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        border-top: none !important;
    }
    
    /* Menü açıldığında */
    .nav-holder:not(.but-hol) {
        right: 0 !important;
        visibility: visible !important;
    }
    
    /* Menü kapalıyken */
    .nav-holder.but-hol {
        right: -100% !important;
    }
    
    /* Nav inner - menü içeriği */
    .nav-inner {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 5px 20px 80px 20px !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ana menü listesi */
    .nav-inner > ul {
        width: 100% !important;
        max-width: 500px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Menü öğeleri - başlangıçta görünür */
    .nav-inner > ul > li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Menü açıldığında animasyon */
    .nav-holder:not(.but-hol) .nav-inner > ul > li {
        animation: slideInMenu 0.5s ease forwards !important;
    }
    
    /* Her öğe için gecikme - sadece menü açıkken */
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(1) { animation-delay: 0.1s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(2) { animation-delay: 0.15s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(3) { animation-delay: 0.2s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(4) { animation-delay: 0.25s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(5) { animation-delay: 0.3s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(6) { animation-delay: 0.35s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(7) { animation-delay: 0.4s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(8) { animation-delay: 0.45s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(9) { animation-delay: 0.5s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(10) { animation-delay: 0.55s !important; }
    .nav-holder:not(.but-hol) .nav-inner > ul > li:nth-child(11) { animation-delay: 0.6s !important; }
    
    @keyframes slideInMenu {
        from {
            opacity: 0 !important;
            transform: translateX(50px) !important;
        }
        to {
            opacity: 1 !important;
            transform: translateX(0) !important;
        }
    }
    
    /* Menü linkleri */
    .nav-inner > ul > li > a {
        display: block !important;
        width: 100% !important;
        padding: 18px 25px !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
        overflow: hidden !important;
        backdrop-filter: blur(10px) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Alt menüye sahip linkler - Dropdown için yer aç */
    .nav-inner > ul > li > a.next {
        padding-right: 50px !important;
    }
    
    /* Dropdown + işareti — acc-arrow span kullanılıyor, ::after kaldırıldı */
    .nav-inner > ul > li > a.next::after {
        content: none !important;
        display: none !important;
    }

    .nav-inner > ul > li.open > a.next::after {
        content: none !important;
        display: none !important;
    }
    
    /* Link hover efekti */
    .nav-inner > ul > li > a::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: -100% !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(90deg, transparent, rgba(242, 101, 34, 0.3), transparent) !important;
        transition: left 0.5s ease !important;
    }
    
    .nav-inner > ul > li > a:hover::before {
        left: 100% !important;
    }
    
    .nav-inner > ul > li > a:hover {
        background: rgba(242, 101, 34, 0.15) !important;
        border-color: rgba(242, 101, 34, 0.4) !important;
        color: #f26522 !important;
        transform: translateX(10px) !important;
        box-shadow: 0 5px 20px rgba(242, 101, 34, 0.2) !important;
    }
    
    /* Aktif menü öğesi */
    .nav-inner > ul > li.active > a,
    .nav-inner > ul > li > a.active {
        background: rgba(242, 101, 34, 0.2) !important;
        border-color: #f26522 !important;
        color: #f26522 !important;
        font-weight: 600 !important;
    }
    
    /* Span elemanları (özel renkli metinler) */
    .nav-inner > ul > li > a span {
        color: inherit !important;
    }
    
    /* Nav overlay */
    .nav-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.8) !important;
        backdrop-filter: blur(5px) !important;
        z-index: 9997 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
    }
    
    .nav-overlay.vis-m {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* ========== MODERN FOOTER BUTONLARI ========== */
    
    /* Footer container */
    .footerbar {
        width: 100% !important;
        height: 70px !important;
        background: linear-gradient(180deg, #2d2d32 0%, #1e1e1e 100%) !important;
        border-top: 2px solid rgba(242, 101, 34, 0.3) !important;
        padding: 0 !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 9999 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Sol buton - WhatsApp */
    .footerbar-left {
        flex: 1 !important;
        float: none !important;
        height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .footerbar-left .inside {
        width: 100% !important;
        height: 100% !important;
        float: none !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
    }
    
    .footerbar-left .inside a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
        height: 100% !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        background: linear-gradient(135deg, rgba(18, 140, 126, 0.1) 0%, rgba(37, 211, 102, 0.1) 100%) !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .footerbar-left .inside a::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 0 !important;
        height: 0 !important;
        background: radial-gradient(circle, rgba(37, 211, 102, 0.3) 0%, transparent 70%) !important;
        border-radius: 50% !important;
        transform: translate(-50%, -50%) !important;
        transition: width 0.6s ease, height 0.6s ease !important;
    }
    
    .footerbar-left .inside a:hover::before {
        width: 300px !important;
        height: 300px !important;
    }
    
    .footerbar-left .inside a:hover {
        background: linear-gradient(135deg, rgba(18, 140, 126, 0.3) 0%, rgba(37, 211, 102, 0.3) 100%) !important;
        color: #25D366 !important;
        transform: scale(1.05) !important;
    }
    
    .footerbar-left .inside a:active {
        transform: scale(0.98) !important;
    }
    
    .footerbar-left .inside span {
        margin: 0 !important;
        z-index: 2 !important;
        position: relative !important;
    }
    
    /* WhatsApp ikonu */
    .footerbar-left .wpposition {
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(37, 211, 102, 0.2) !important;
        border-radius: 50% !important;
        transition: all 0.3s ease !important;
        z-index: 2 !important;
        position: relative !important;
    }
    
    .footerbar-left .inside a:hover .wpposition {
        background: rgba(37, 211, 102, 0.4) !important;
        transform: rotate(360deg) scale(1.1) !important;
        animation: none !important;
    }
    
    .footerbar-left .inside a:hover .wp {
        animation: none !important;
    }
    
    .footerbar-left .wp {
        width: 20px !important;
        height: 20px !important;
        background-image: url('../css/whatsapp.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        animation: iconPulse 2s ease-in-out infinite !important;
    }
    
    /* Sağ buton - Randevu Al */
    .footerbar-right {
        flex: 1 !important;
        float: none !important;
        height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
    }
    
    .footerbar-right .inside2 {
        width: 100% !important;
        height: 100% !important;
        float: none !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
    }
    
    .footerbar-right .inside2 a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
        height: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        background: linear-gradient(135deg, rgba(217, 78, 26, 0.1) 0%, rgba(242, 101, 34, 0.1) 100%) !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .footerbar-right .inside2 a::before {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 0 !important;
        height: 0 !important;
        background: radial-gradient(circle, rgba(242, 101, 34, 0.3) 0%, transparent 70%) !important;
        border-radius: 50% !important;
        transform: translate(-50%, -50%) !important;
        transition: width 0.6s ease, height 0.6s ease !important;
    }
    
    .footerbar-right .inside2 a:hover::before {
        width: 300px !important;
        height: 300px !important;
    }
    
    .footerbar-right .inside2 a:hover {
        background: linear-gradient(135deg, rgba(217, 78, 26, 0.3) 0%, rgba(242, 101, 34, 0.3) 100%) !important;
        color: #f26522 !important;
        transform: scale(1.05) !important;
    }
    
    .footerbar-right .inside2 a:active {
        transform: scale(0.98) !important;
    }
    
    .footerbar-right .inside2 span {
        margin: 0 !important;
        z-index: 2 !important;
        position: relative !important;
    }
    
    /* Randevu ikonu */
    .footerbar-right .wpposition2 {
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(242, 101, 34, 0.2) !important;
        border-radius: 50% !important;
        transition: all 0.3s ease !important;
        z-index: 2 !important;
        position: relative !important;
    }
    
    .footerbar-right .inside2 a:hover .wpposition2 {
        background: rgba(242, 101, 34, 0.4) !important;
        transform: rotate(360deg) scale(1.1) !important;
        animation: none !important;
    }
    
    .footerbar-right .inside2 a:hover .randevuicon {
        animation: none !important;
    }
    
    .footerbar-right .randevuicon {
        width: 20px !important;
        height: 20px !important;
        background-image: url('../css/randevu.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        animation: iconPulse 2s ease-in-out infinite !important;
        animation-delay: 0.5s !important;
    }
}

/* KÜÇÜK EKRANLAR İÇİN (Telefonlar) */
@media screen and (max-width: 480px) {
    header.main-header {
        height: 60px !important;
    }
    
    .header-logo img {
        width: 120px !important;
        height: 38px !important;
    }
    
    .nav-holder {
        top: 60px !important;
        bottom: 60px !important;
        height: calc(100vh - 120px) !important; /* Header + footer eşit */
    }
    
    .nav-inner > ul > li > a {
        font-size: 16px !important;
        padding: 15px 20px !important;
    }
    
    .footerbar {
        height: 60px !important;
    }
    
    .footerbar-left .inside a,
    .footerbar-right .inside2 a {
        font-size: 14px !important;
        gap: 8px !important;
    }
    
    .footerbar-left .wpposition,
    .footerbar-right .wpposition2 {
        width: 28px !important;
        height: 28px !important;
    }
    
    .footerbar-left .wp,
    .footerbar-right .randevuicon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* ========== FOOTER İKON YANIP SÖNME ANIMASYONU ========== */

@-webkit-keyframes iconPulse {
    0%, 100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0.4;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
}

@keyframes iconPulse {
    0%, 100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0.4;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
}

/* İkonların kendisine animasyon uygula */
.footerbar-left .wp,
.footerbar-right .randevuicon {
    -webkit-animation: iconPulse 2s ease-in-out infinite !important;
    animation: iconPulse 2s ease-in-out infinite !important;
}

/* Randevu ikonuna gecikme ekle */
.footerbar-right .randevuicon {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}

/* ÇOK KÜÇÜK EKRANLAR İÇİN */
@media screen and (max-width: 360px) {
    .nav-inner > ul > li > a {
        font-size: 15px !important;
        padding: 14px 18px !important;
    }
    
    .header-logo img {
        width: 110px !important;
        height: 35px !important;
    }
    
    .footerbar-left .inside a,
    .footerbar-right .inside2 a {
        font-size: 13px !important;
        gap: 6px !important;
    }
    
    .footerbar-left .wpposition,
    .footerbar-right .wpposition2 {
        width: 26px !important;
        height: 26px !important;
    }
    
    .footerbar-left .wp,
    .footerbar-right .randevuicon {
        width: 16px !important;
        height: 16px !important;
    }
}

/* SMOOTH SCROLLING */
.nav-holder {
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
}

/* SCROLLBAR STİLİ (Webkit) */
.nav-holder::-webkit-scrollbar {
    width: 8px !important;
}

.nav-holder::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05) !important;
}

.nav-holder::-webkit-scrollbar-thumb {
    background: rgba(242, 101, 34, 0.3) !important;
    border-radius: 4px !important;
}

.nav-holder::-webkit-scrollbar-thumb:hover {
    background: rgba(242, 101, 34, 0.5) !important;
}

/* ACCESSIBILITY - FOCUS STİLLERİ */
.nav-inner > ul > li > a:focus,
.footerbar-left .inside a:focus,
.footerbar-right .inside2 a:focus {
    outline: 2px solid #f26522 !important;
    outline-offset: 2px !important;
}

/* ANIMASYONLARI AZALT (Accessibility) */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* ========== MENÜ BOŞLUK SORUNU DÜZELTMESİ ========== */
/* Slinky menu plugin inline height'ı override et */
@media screen and (max-width: 1024px) {
    
    /* Nav-inner'a height override */
    .nav-holder .nav-inner,
    .nav-holder #menu,
    .nav-holder .slinky-menu {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
    }
    
    /* UL'lerin height'ını override et */
    .nav-inner ul,
    .nav-inner > ul,
    #menu > ul {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    /* Sadece ana menü öğelerinin görünür olduğundan emin ol */
    .nav-inner > ul > li,
    .nav-inner > ul > li > a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }
    
    /* Alt menüler — başlangıçta kapalı, JS slideDown/slideUp yönetir */
    .nav-inner > ul > li > ul {
        display: none;   /* !important YOK — jQuery override edebilsin */
        position: relative !important;
        left: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        width: 100% !important;
        padding: 6px 0 0 0 !important;
    }

    /* .open class'ı JS tarafından eklenir — display JS kontrolünde */

    /* Alt menü öğeleri */
    .nav-inner > ul > li > ul > li {
        width: 100% !important;
        margin: 4px 0 !important;
        display: block !important;
    }

    .nav-inner > ul > li > ul > li > a {
        display: block !important;
        width: 100% !important;
        padding: 12px 20px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-left: 3px solid rgba(242, 101, 34, 0.5) !important;
        border-radius: 8px !important;
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        box-sizing: border-box !important;
    }

    .nav-inner > ul > li > ul > li > a:hover {
        background: rgba(242, 101, 34, 0.15) !important;
        border-left-color: #f26522 !important;
        color: #f26522 !important;
    }

    /* Slinky back button gizle */
    .nav-inner .header,
    .nav-inner .back {
        display: none !important;
    }
}


/* ========== MOBİL SCROLLBAR GİZLE ========== */
@media screen and (max-width: 1024px) {
    
    /* Tüm scrollbar'ları gizle */
    body::-webkit-scrollbar,
    html::-webkit-scrollbar,
    *::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* Firefox için */
    body,
    html,
    * {
        scrollbar-width: none !important;
    }
    
    /* IE ve Edge için */
    body,
    html,
    * {
        -ms-overflow-style: none !important;
    }
    
    /* Body ve html overflow */
    body,
    html {
        overflow-x: hidden !important;
    }
    
    /* Menü scrollbar gizle ama scroll çalışsın */
    .nav-holder {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
    
    .nav-holder::-webkit-scrollbar {
        display: none !important;
    }
}


/* ============================================================
   WRAPPER TOP DÜZELTMESİ — Header yüksekliğiyle hizala
   mobile.css'de #wrapper { top: 10px } tanımlı ama
   header 70px (1024px) ve 60px (480px) yüksekliğinde.
   Wrapper'ı header altından başlatıyoruz.
   ============================================================ */

@media screen and (max-width: 1024px) {
    #wrapper {
        top: 85px !important;
    }

    /* Header alt çizgisini mobilde gizle */
    header.main-header:after {
        display: none !important;
    }

    /* left-panel ve içindekileri mobilde gizle */
    .left-panel,
    .left-panel_randevu,
    .horizonral-subtitle,
    .horizonral-subtitle2,
    .horizonral-subtitle3 {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    #wrapper {
        top: 75px !important;
    }
}

@media screen and (max-width: 360px) {
    #wrapper {
        top: 75px !important;
    }
}

/* ============================================================
   SLİNKY TAMAMEN DEVRE DIŞI — Accordion JS yönetir
   ============================================================ */
@media screen and (max-width: 1024px) {

    /* Slinky overflow:hidden kaldır — menü içeriği görünsün */
    .slinky-menu,
    .nav-holder .slinky-menu {
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    /* Slinky'nin tüm ul'lerine position:absolute ve left:100% veriyor — sıfırla */
    .slinky-menu ul,
    .nav-inner .slinky-menu ul,
    .nav-holder .nav-inner ul {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    /* Ana ul görünür */
    .nav-inner > ul,
    .slinky-menu > ul {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        left: 0 !important;
        transform: none !important;
    }

    /* Alt menü ul — JS slideDown/slideUp yönetir */
    .nav-inner > ul > li > ul {
        display: none;   /* !important YOK — jQuery slide animasyonu çalışsın */
        position: relative !important;
        left: 0 !important;
        transform: none !important;
    }

    /* Slinky .header ve .back gizle */
    .nav-inner .header,
    .nav-inner .back,
    .slinky-menu .header,
    .slinky-menu .back {
        display: none !important;
    }
}

/* Menü link metinleri kesinlikle görünür */
@media screen and (max-width: 1024px) {
    .nav-inner > ul > li > a span,
    .nav-inner > ul > li > a strong,
    .nav-inner > ul > li > a {
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
    }
}

/* ============================================================
   MOBİL: SLIDER SAYFALARINDA HEADER-SLIDER BOŞLUĞU DÜZELTMESİ
   has-slider class'ı olan sayfalarda #wrapper ve content-holder
   top değerlerini sıfırlıyoruz.
   ============================================================ */

@media screen and (max-width: 1024px) {
    /* Slider sayfalarında wrapper header'a dayansın */
    .has-slider #wrapper {
        top: 0 !important;
    }

    /* content-holder top:35px'i de sıfırla */
    .has-slider .content-holder {
        top: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .has-slider #wrapper {
        top: 0 !important;
    }
    .has-slider .content-holder {
        top: 0 !important;
    }
}

/* ============================================================
   MOBİL: 1. SLAYTTA RESMİN SAĞ TARAFI ODAK NOKTASI
   ============================================================ */

@media screen and (max-width: 1024px) {
    .hero-slider-img .swiper-slide:first-child .bg,
    .hero-slider-img .swiper-wrapper .swiper-slide:first-child img.bg,
    .hero-slider-img .swiper-wrapper .swiper-slide:first-child .bg {
        object-position: right center !important;
        object-fit: cover !important;
    }
}

@media screen and (max-width: 480px) {
    .hero-slider-img .swiper-slide:first-child .bg,
    .hero-slider-img .swiper-wrapper .swiper-slide:first-child img.bg {
        object-position: right center !important;
    }
}

/* ============================================================
   MOBİL PAGİNATION: SADECE AKTİF BULLET'TA ÇİZGİ
   Mobilde :hover state takılı kalıyor — hover:before sıfırlanır
   ============================================================ */

@media screen and (max-width: 1024px) {
    /* Pasif bullet — çizgi kesinlikle görünmez */
    .hero-slider-wrap_pagination .swiper-pagination-bullet:before,
    .hero-slider-wrap_pagination .swiper-pagination-bullet::before {
        width: 0 !important;
        content: '' !important;
    }

    /* Hover state — mobilde takılı kalmasın */
    .hero-slider-wrap_pagination .swiper-pagination-bullet:hover:before,
    .hero-slider-wrap_pagination .swiper-pagination-bullet:hover::before {
        width: 0 !important;
    }

    /* Aktif bullet — turuncu çizgi */
    .hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
    .hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        width: 18px !important;
        background: #f26522 !important;
        content: '' !important;
    }
}

/* ============================================================
   TOUCH CİHAZLARDA PAGİNATION HOVER SORUNU
   @media (hover: none) — sadece dokunmatik cihazlarda geçerli
   Fare olmayan cihazlarda :hover state'i sıfırlanır
   ============================================================ */

@media (hover: none) {
    .hero-slider-wrap_pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover::before,
    .hero-slider-wrap_pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:before {
        width: 0 !important;
        background: transparent !important;
    }

    /* Touch cihazlarda genel hover efektlerini devre dışı bırak */
    .hero-slider-wrap_pagination .swiper-pagination-bullet:hover:before,
    .hero-slider-wrap_pagination .swiper-pagination-bullet:hover::before {
        width: 0 !important;
    }
}