/* 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;
}

/* Logo yazisi koyu header uzerinde her zaman beyaz */
.header.scrolled .logo,
.header.scrolled .logo-text {
    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;
}

/* ===== ODA GÖRSEL ZOOM-OUT (uzaktan görüntü) ===== */
/* Ana sayfa oda kartları — görsel tamamı görünsün, kırpılmasın */
.room-card .room-image {
    background: #f0ece4 !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.room-card .room-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.6s ease !important;
}
.room-card:hover .room-image img {
    transform: scale(1.03) !important;
}

/* Oda detay sayfasındaki galeri — tüm görüntü görünsün */
.rdg-slide {
    object-fit: contain !important;
    background: #1a1a1a !important;
}
.lightbox-slide img {
    object-fit: contain !important;
}

/* Ana sayfa galeri grid — tüm görüntüler görünsün */
.gallery-grid .gallery-item img,
.gallery-item img {
    object-fit: contain !important;
    background: #f0ece4 !important;
}
@media (min-width: 769px) {
    /* Desktop'ta gallery slot biraz daha büyük olsun ki contain rahatsa */
    .gallery-item {
        background: #f0ece4 !important;
    }
}