/* =========================================================
   Mobil "native app" deneyimi — Kuşadası Kahvaltı
   ========================================================= */

html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
a, button, .btn { -webkit-tap-highlight-color: transparent; }

.app-bottom-nav { display: none; }

@media (max-width: 991.98px) {

    /* ---------- GENEL ---------- */
    body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
    .container, .container-fluid { overflow-x: clip; }
    img { max-width: 100%; height: auto; }

    /* Bölüm boşluklarını kompaktla */
    .gray-simple, .space, .py-6, section.py-6 { padding-top: 2.1rem !important; padding-bottom: 2.1rem !important; }
    .pt-xl-5, .pt-4 { padding-top: 1.4rem !important; }
    .mb-5 { margin-bottom: 1.3rem !important; }
    .mt-5 { margin-top: 1.3rem !important; }
    .mb-4 { margin-bottom: 1rem !important; }

    /* Başlıklar kompakt */
    .sectionHeading { font-size: 1.35rem !important; line-height: 1.25; }
    .secHeading-wrap { margin-bottom: 1rem !important; }
    .secHeading-wrap p { font-size: .9rem; }

    /* ---------- HERO ---------- */
    .hero-header, .image-cover.hero-header, .full-height {
        min-height: auto !important;
        padding-top: 1.4rem !important;
        padding-bottom: 1.8rem !important;
    }
    .xl-heading { font-size: 1.75rem !important; line-height: 1.2; word-break: break-word; }
    .heroSearch, .heroSearch.style-01 { padding: 14px !important; border-radius: 18px !important; }
    /* Dekoratif bölge ikonları (yemek fotoğrafı üstünde dağınık duruyor) — mobilde gizle */
    .popularSearches { display: none !important; }

    /* ---------- BÖLGELERE GÖRE (kompakt) ---------- */
    .aeo-region-grid { grid-template-columns: 1fr 1fr !important; gap: .5rem !important; }
    .aeo-region-pill { padding: .58rem .7rem !important; border-radius: 12px !important; font-size: .82rem !important; gap: .4rem !important; }
    .aeo-region-pill i { font-size: .9rem !important; }
    .aeo-section .hk-section-badge, .aeo-section h2 { margin-bottom: .4rem; }
    .aeo-faq-item { padding: 1rem 1.1rem !important; }

    /* ---------- POPÜLER KATEGORİLER ----------
       Tema görseli sadece hover'da gösteriyor; mobilde hover yok →
       görselli (hover) görünümü kalıcı yap. */
    .categoryBox:before { opacity: 0.55 !important; }
    .categoryBox img { opacity: 1 !important; }
    .categoryBox .icoBoxx { background: rgba(255,255,255,0.22) !important; color: #fff !important; }
    .categoryBox h5 { color: #fff !important; }
    .categoryBox .categorycounter { background-color: #fff !important; }
    .categoryBox { height: 200px !important; }

    /* ---------- KARTLAR / LİSTELER (kompakt) ---------- */
    .listingitem-container { margin-bottom: 1rem; }
    .singlelisting-item { border-radius: 16px; }
    .singlelisting-item .listing-top-item img { border-radius: 16px 16px 0 0; }
    /* Görsel alanını kısalt → kart kompakt */
    .singlelisting-item .listing-top-item { min-height: 180px !important; height: 180px !important; }
    /* Üst boşluğu koru (avatar isme binmesin), alt/yanı daralt */
    .singlelisting-item .listing-middle-item { padding: 2.4rem 14px 1rem !important; }
    .singlelisting-item .listing-info-details { padding-left: 14px !important; padding-right: 14px !important; }
    .singlelisting-item .listing-details p { font-size: .85rem; -webkit-line-clamp: 2; }
    .singlelisting-item .listing-details { margin-bottom: .3rem; }

    /* ---------- DETAY SAYFASI ---------- */
    .ht-500 { height: 260px !important; }
    .listingSingleblock { margin-bottom: 1rem !important; }
    .listingSingleblock .card-body { padding: 1rem !important; }
    .listingcollapseTitle { font-size: 1.05rem; }
    .sidebarGroups { gap: 1rem !important; }

    /* Özellikler → kompakt chip listesi (ikon + isim yan yana) */
    #tags .row { --bs-gutter-x: .5rem !important; --bs-gutter-y: .5rem !important; }
    #tags .row > [class*="col-"] { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; }
    .singleAmenities {
        display: inline-flex !important; align-items: center; gap: 7px;
        background: #f3f4f6; border-radius: 999px; padding: 7px 13px;
    }
    .singleAmenities .amenitiesIcons { margin: 0 !important; width: auto !important; height: auto !important; line-height: 1; background: none !important; }
    .singleAmenities .amenitiesIcons i { font-size: .9rem; color: #ff5a5f; }
    .singleAmenities .amenitiesTitle { margin: 0 !important; }
    .singleAmenities .amenitiesTitle h6 { margin: 0 !important; font-size: .83rem !important; font-weight: 600; line-height: 1.1; }

    /* ---------- FOOTER (kompakt) ---------- */
    .skin-dark-footer .container-fluid { padding: 1.6rem 18px .8rem !important; }
    .skin-dark-footer .footer-widget { margin-bottom: 1.1rem !important; }
    .skin-dark-footer .footerLogo img { height: 34px; width: auto; }
    .skin-dark-footer .footerText { margin-top: .6rem; }
    .skin-dark-footer .widget-title { font-size: .95rem; margin-bottom: .5rem; }
    .skin-dark-footer .footer-menu li { margin-bottom: 0 !important; }
    .skin-dark-footer .footer-menu a { font-size: .88rem; line-height: 1.9; }
    .skin-dark-footer .footerText p { font-size: .82rem; }
    .skin-dark-footer .footerSocialwrap { margin-top: .6rem; }
    .skin-dark-footer .singleinfo { margin-bottom: .6rem; }
    .skin-dark-footer .contactInfowrap .icons { margin-right: 10px; }

    /* ---------- ALT NAVİGASYON ---------- */
    .app-bottom-nav {
        display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040;
        background: #fff; border-top: 1px solid rgba(0,0,0,0.08);
        box-shadow: 0 -2px 16px rgba(0,0,0,0.06);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        height: calc(62px + env(safe-area-inset-bottom, 0px)); align-items: stretch;
    }
    .app-bottom-nav a {
        flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 3px; text-decoration: none; color: #9a9da6; font-size: 10.5px; font-weight: 600;
        transition: color .15s ease;
    }
    .app-bottom-nav a i { font-size: 20px; line-height: 1; }
    .app-bottom-nav a.active, .app-bottom-nav a:active { color: #ff5a5f; }
    .app-bottom-nav a.app-nav-center { position: relative; color: #ff5a5f; }
    .app-bottom-nav a.app-nav-center .app-nav-fab {
        width: 52px; height: 52px; border-radius: 18px; background: #ff5a5f; color: #fff;
        display: flex; align-items: center; justify-content: center; margin-top: -24px; margin-bottom: 2px;
        box-shadow: 0 8px 20px rgba(255,90,95,0.4);
    }
    .app-bottom-nav a.app-nav-center .app-nav-fab i { font-size: 22px; }

    /* Offcanvas app tarzı */
    .offcanvas.offcanvas-bottom { border-radius: 20px 20px 0 0; }
}

/* ---------- SCROLL REVEAL (fade-up) ----------
   Kartlar scroll ile görünüme girince yumuşakça belirir.
   JS başlangıç sınıfını ekler; JS yoksa kartlar normal görünür (güvenli). */
.reveal-init { opacity: 0; transform: translateY(28px); will-change: opacity, transform; }
.reveal-init.revealed {
    opacity: 1; transform: none;
    transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
}
@media (prefers-reduced-motion: reduce) {
    .reveal-init { opacity: 1 !important; transform: none !important; }
}

/* ---------- MASAÜSTÜ HEADER (daha belirgin) ---------- */
@media (min-width: 992px) {
    .header.header-transparent {
        background: rgba(22, 22, 26, 0.62) !important;
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .header .nav-menu > li > a,
    .header .nav-menu > li > a.home-link {
        color: #fff !important;
        font-weight: 600;
        font-size: 15px;
        opacity: .96;
    }
    .header .nav-menu > li > a:hover,
    .header .nav-menu > li > a.home-link:hover { color: #ff5a5f !important; opacity: 1; }
    .header .nav-menu .submenu-indicator { opacity: .9; }
    .header .nav-brand { font-weight: 800; }
    /* Alt menü (dropdown) okunaklı */
    .header .nav-dropdown { box-shadow: 0 12px 30px rgba(0,0,0,.15); }
}

/* ---------- İLETİŞİM BİLGİLERİ KARTI ---------- */
.contact-info { background:#fff; border:1px solid #eceef3; border-radius:18px; padding:1.4rem 1.5rem; box-shadow:0 6px 20px rgba(0,0,0,.04); }
.contact-info h3 { font-size:1.2rem; font-weight:800; margin-bottom:1rem; }
.contact-info .contact-item {
    display:flex !important; align-items:center; gap:14px; padding:.85rem 0;
    border-bottom:1px solid #f1f2f4; text-decoration:none; color:inherit;
}
.contact-info .contact-item:last-child { border-bottom:none; }
.contact-info .contact-item .ci-icon {
    width:44px; height:44px; border-radius:12px; flex-shrink:0;
    background:rgba(255,90,95,.1); color:#ff5a5f;
    display:flex; align-items:center; justify-content:center; font-size:1.05rem;
    transition:.2s;
}
.contact-info .contact-item h4 { font-size:.95rem; font-weight:700; margin:0 0 2px; color:#22242a; }
.contact-info .contact-item p { margin:0; color:#6b6e78; font-size:.9rem; word-break:break-word; }
a.contact-item:hover .ci-icon { background:#ff5a5f; color:#fff; }

/* Çok küçük ekranlar */
@media (max-width: 575.98px) {
    .xl-heading { font-size: 1.55rem !important; }
    .container, .container-fluid { padding-left: 14px; padding-right: 14px; }
    .heroSearch .form-control, .heroSearch .btn { font-size: .95rem; }
}