/* Pera tarzına geri döndürüldü — bu dosya devre dışı.
   Varya kimliği için Pera default tasarımı korunuyor. */

/* ===== TAP TARGET ACCESSIBILITY (Mobile) ===== */
@media (max-width: 768px) {
    /* Nav links: full width tap area */
    .nav-list a,
    .nav-list a.nav-btn {
        min-height: 48px !important;
        min-width: 48px !important;
        display: flex !important;
        align-items: center !important;
        padding: 12px 16px !important;
    }

    /* Slider prev/next */
    .slider-btn,
    .slider-prev,
    .slider-next {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
    }

    /* WhatsApp chat close + general close buttons */
    .wa-close,
    .wa-chat-header button,
    button[aria-label*="apat"],
    button[aria-label*="lose"] {
        min-width: 36px !important;
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Slider dots — bigger tap zone */
    .slider-dots .dot,
    .slider-dot {
        min-width: 24px !important;
        min-height: 24px !important;
        padding: 8px !important;
    }

    /* Footer credit links */
    .otelaps-credit a {
        min-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
    }
}

/* ===== HEADER SCROLLED — KOYU YEŞİL (Logo görünürlük) ===== */
.header.scrolled {
    background: rgba(15, 31, 22, 0.96) !important;
    backdrop-filter: saturate(180%) blur(14px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(14px) !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.16) !important;
}

/* Scroll edildiğinde nav linkleri hâlâ beyaz */
.header.scrolled .nav-list a {
    color: #fff !important;
}
.header.scrolled .nav-list a:hover {
    color: #b8945a !important;
}

/* Hamburger çubukları beyaz kalsın */
.header.scrolled .hamburger span {
    background: #fff !important;
}

/* Dil butonu da uygun renkte */
.header.scrolled #langBtn,
.header.scrolled .lang-btn {
    color: #fff !important;
    border-color: rgba(255,255,255,0.4) !important;
}

/* Logo zaten beyaz, dokunma — koyu zeminde görünür */
.header.scrolled .logo-img {
    filter: none !important;
}