/**
 * Mobile Overrides - Deep Theme
 *
 * Sadece mobil deneyimi iyileştirmek için override kuralları.
 * responsive.css'ten sonra yüklenir; tema çekirdeği ve masaüstü tasarımı değiştirilmez.
 *
 * Breakpoint (responsive.css ile uyumlu):
 * - Mobil: max-width: 767.98px
 * - Küçük mobil: max-width: 575.98px
 */

/* ===========================================
   MOBİL TEMEL - YATAY KAYMA ÖNLEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    /* Yatay scroll'u kökten önle; native-app hissi */
    html {
        overflow-x: hidden;
        width: 100%;
        max-width: 100vw;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100vw;
        position: relative;
        box-sizing: border-box;
    }

    /* Tüm sayfa wrapper'ları taşmayı önlesin */
    #app,
    main,
    .main-content,
    [role="main"] {
        overflow-x: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Geniş tablolar ve pre için yatay scroll sadece içeride */
    .table-responsive,
    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Görseller container dışına taşmasın */
    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    /* Kolonların taşmasını önle (Bootstrap row margin'e dokunmuyoruz) */
    .row > [class*="col-"] {
        max-width: 100%;
        min-width: 0;
    }
}

/* ===========================================
   TIKLANABİLİR ALANLAR - MİN 44px (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    /* Buton ve linklerde minimum dokunma alanı */
    .btn,
    .deep-mobile-bottom-navigation__item,
    .header-mobile__navigation a,
    .header-mobile__navigation .navigation__link,
    .modern-mobile-menu__link,
    .cart-icon-wrapper a,
    .product-card a.btn,
    .add-to-cart-btn,
    [data-toggle="modal"],
    .pagination .page-link {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
    }

    /* Sadece ikon olan butonlarda padding artır */
    .btn-icon-only,
    .header-mobile .btn:not([class*="text"]) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ===========================================
   CONTAINER VE PADDING TUTARLILIĞI (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .container,
    .container-fluid {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    /* Ana içerik alanı tek sütun, okunaklı */
    main .container,
    main .container-fluid {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ===========================================
   KÜÇÜK MOBİL - 576px ALTINDA
   =========================================== */
@media (max-width: 575.98px) {
    .container,
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    main .container,
    main .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ===========================================
   SLIDER / CAROUSEL TAŞMA ÖNLEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .slick-list,
    .slick-track,
    .swiper-wrapper,
    .uomo-google-reviews-track,
    .homepagecategory-card__track {
        max-width: 100%;
    }

    .slick-slider,
    .swiper-container,
    [data-google-reviews-slider],
    .homepage-category-banner-slider {
        overflow: hidden;
        position: relative;
    }
}

/* ===========================================
   MODAL / POPUP MOBİL (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .modal-dialog {
        margin: 8px;
        max-width: calc(100vw - 16px);
    }

    .modal-content {
        max-width: 100%;
        border-radius: 12px;
    }

    .modal-body {
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .campaign-popup-wrapper,
    .campaign-popup,
    .campaign-popup-content {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .campaign-popup.opened .campaign-popup-content {
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .campaign-popup-close {
        min-width: 44px;
        min-height: 44px;
    }
}

/* ===========================================
   ANASAYFA - HP SECTIONS & SLIDER'LAR (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .hp-homepage-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-section,
    .awp-modern-blog-slider-section,
    .awp-modern-google-reviews-slider-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-container,
    .awp-modern-blog-slider-container,
    .awp-modern-google-reviews-slider-container {
        overflow: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-track,
    .awp-modern-blog-slider-track,
    .awp-modern-google-reviews-slider-track {
        max-width: 100%;
    }

    .awp-modern-product-slider-nav-prev,
    .awp-modern-product-slider-nav-next,
    .awp-modern-blog-slider-nav-prev,
    .awp-modern-blog-slider-nav-next,
    .awp-modern-google-reviews-slider-nav-prev,
    .awp-modern-google-reviews-slider-nav-next {
        min-width: 44px;
        min-height: 44px;
        padding: 10px;
    }
}

/* ===========================================
   KATEGORİ SAYFASI - FİLTRE & ÜRÜN LİSTESİ (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .shop-filter-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .shop-filter-section .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .shop-filter-section .filter-header {
        flex-wrap: wrap;
        gap: 12px;
    }

    .shop-filter-section .sort-btn,
    .shop-filter-section .filter-btn,
    .shop-filter-section .clear-filters-btn,
    .shop-filter-section .more-btn {
        min-height: 44px;
        padding: 10px 14px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
    }

    .shop-main.shop-main,
    .shop-main .products-grid {
        overflow-x: hidden;
        max-width: 100%;
    }

    .products-grid .product-card-wrapper,
    .products-grid .product_item {
        min-width: 0;
        max-width: 100%;
    }

    .aside-filters {
        max-width: 100vw;
        width: 100%;
        box-sizing: border-box;
    }

    .aboutcategry .container,
    .aboutcategry .categryabout {
        max-width: 100%;
        overflow-x: hidden;
    }

    .load-more-products-link {
        min-height: 48px;
        padding: 12px 20px;
    }
}

/* ===========================================
   ÜRÜN DETAY - GALERİ & FORM (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .product-gallery-main,
    .new-gallery-main {
        overflow: hidden;
        max-width: 100%;
    }

    .productdetail-team-card,
    .productdetail-team-card__body {
        max-width: 100%;
        min-width: 0;
    }

    .add-to-cart-btn,
    .product-detail-form .btn-primary,
    .product-detail-form button[type="submit"] {
        min-height: 48px;
        padding: 14px 20px;
    }
}

/* ===========================================
   SEPET - CARTNOVA LAYOUT (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .cartnova.container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
        overflow-x: hidden;
    }

    .cartnova__layout {
        flex-direction: column;
        max-width: 100%;
    }

    .cartnova__panel {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .cartnova-button,
    .cartpage-checkout-button {
        min-height: 48px;
        padding: 14px 20px;
    }

    .checkoutpage-coupon__button {
        min-height: 44px;
        padding: 10px 16px;
    }
}

/* ===========================================
   CHECKOUT / ÖDEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .checkout-breadcrumb .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .checkout-breadcrumb .breadcrumb-list {
        flex-wrap: wrap;
        gap: 4px;
    }

    [class*="checkoutpage-"] .container {
        max-width: 100%;
        overflow-x: hidden;
    }

    .checkout-bank-header,
    .checkout-address-header {
        flex-wrap: wrap;
        gap: 8px;
    }
}

/* ===========================================
   HESAP / PROFİL - USER LAYOUT (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .user-account-container {
        overflow-x: hidden;
        max-width: 100%;
    }

    .user-account-container .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .user-account-layout {
        flex-direction: column;
        max-width: 100%;
    }

    .user-sidebar .sidebar ul a,
    .user-sidebar .sidebar ul li {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }
}

/* ===========================================
   HEADER / FOOTER / MOBİL ALT MENÜ (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .header-mobile,
    .deep-mobile-bottom-navigation {
        max-width: 100%;
        overflow-x: hidden;
    }

    .deep-mobile-bottom-navigation__container {
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .deep-mobile-bottom-navigation__item {
        min-height: 48px;
        padding: 8px 4px;
    }

    .furniture-footer .container,
    .footer-mobile-modern .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }
}

/* ===========================================
   PAGINATION & TESTIMONIALS (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .standard-pagination {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: center;
        max-width: 100%;
    }

    .standard-pagination li a,
    .standard-pagination li.prev a,
    .standard-pagination li.next a {
        min-width: 44px;
        min-height: 44px;
        padding: 10px 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .furniture-swiper-testimonials-wrapper,
    .furniture-swiper-testimonials {
        overflow: hidden;
        max-width: 100%;
    }

    .testimonial-carousel .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }
}

/* ===========================================
   GOOGLE REVIEWS SECTION (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .google-reviews-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .google-reviews-section .container,
    .google-reviews-section .row {
        max-width: 100%;
    }

    .google-reviews-header-compact {
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* ===========================================
   HOVER DAVRANIŞI - MOBİLDE KAPALI
   =========================================== */
@media (max-width: 767.98px) {
    /* Mobilde hover ile tetiklenen tooltip/overlay'leri sadece focus ile göster */
    [data-bs-toggle="tooltip"]:hover::after,
    .hover-reveal:hover .hover-reveal__content {
        /* Touch cihazlarda yanlışlıkla açılmayı azalt */
    }
}