/**
 * AWA — Diva ürün detay galerisi mobil iyileştirmeleri
 * Scope: .diva-product-detail-page (sadece diva temasında ürün detay sayfaları)
 */

/* Mobilde ana görsel tam görünsün, küçük resimler hemen altında dursun. */
@media (max-width: 767.98px) {
    /* Üst container padding'i sıkılaştır — yan boşluklar kalsın ama dikey nefes azalsın */
    .diva-product-detail-page #page-content > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Galeri konteynerinin üst/alt boşlukları */
    .diva-product-detail-page .product-details-img {
        margin-bottom: 12px;
        padding: 0;
    }

    /* Wrapper'ın iç padding'ini kaldır */
    .diva-product-detail-page .product-template__container.diva-product-detail {
        padding-top: 8px;
    }

    /* Ana görsel swiper'ı tam genişlik, en-boy oranını koru */
    .diva-product-detail-page .product-gallery-main {
        width: 100%;
        height: auto !important;
        border-radius: 8px;
        overflow: hidden;
    }

    .diva-product-detail-page .product-gallery-main .swiper-wrapper {
        align-items: center;
    }

    .diva-product-detail-page .product-gallery-main .swiper-slide {
        height: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .diva-product-detail-page .product-gallery-main .swiper-slide img {
        width: 100%;
        height: auto;
        max-height: 60vh;
        object-fit: contain;
        display: block;
    }

    /* Ana swiper ile küçük resim arasındaki boşluk: 10px → 6px */
    .diva-product-detail-page .product-gallery-container--thumbnails-bottom {
        gap: 6px;
    }

    /* Küçük resim çubuğu daha kompakt */
    .diva-product-detail-page .product-gallery-container--thumbnails-bottom .thumbs-swiper,
    .diva-product-detail-page .product-gallery-container--thumbnails-bottom .product-gallery-thumbs {
        height: 64px;
    }

    .diva-product-detail-page .product-gallery-thumbs .swiper-slide {
        margin-right: 4px;
        border-radius: 6px;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.06);
    }

    .diva-product-detail-page .product-gallery-thumbs .swiper-slide-thumb-active {
        border-color: rgba(0, 0, 0, 0.28);
    }

    .diva-product-detail-page .product-gallery-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Thumb yan okları küçült */
    .diva-product-detail-page .product-gallery-thumbs-wrap .product-gallery-nav--thumbs {
        width: 28px;
        height: 28px;
    }

    .diva-product-detail-page .product-gallery-thumbs-wrap {
        gap: 4px;
    }

    /* Ana görsel yan okları daha minimal */
    .diva-product-detail-page .product-gallery-main .product-gallery-nav--main {
        width: 34px;
        height: 34px;
    }

    .diva-product-detail-page .product-gallery-main .product-gallery-nav--main::after {
        font-size: 12px;
    }

    /* Galeri ile aşağıdaki ürün bilgi blokları arasındaki boşluk */
    .diva-product-detail-page .product-single .row > [class*="col-"] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Çok küçük telefonlarda ek sıkılaştırma */
@media (max-width: 374.98px) {
    .diva-product-detail-page #page-content > .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .diva-product-detail-page .product-gallery-container--thumbnails-bottom .thumbs-swiper,
    .diva-product-detail-page .product-gallery-container--thumbnails-bottom .product-gallery-thumbs {
        height: 56px;
    }
}