/**
 * GenTech Owl Carousel Stilləri
 * ============================
 * Bu fayl Owl Carousel ilə bağlı bütün stilləri saxlayır
 * style.css-dən ayrılıb optimallaşdırma məqsədilə
 */

/* ===================================================================== */
/* === OWL CAROUSEL: ÜMUMİ QAYDALAR === */
/* ===================================================================== */

/* Navigation düymələri */
.owl-carousel .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.owl-carousel .owl-nav button {
    pointer-events: all;
    width: 40px;
    height: 40px;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* ===================================================================== */
/* === OWL CAROUSEL: MOBİL STİLLƏR === */
/* ===================================================================== */

@media (max-width: 768px) {

    /* Owl Carousel dots tamamilə gizlədilir */
    .owl-carousel .owl-dots,
    .owl-carousel .owl-dot {
        display: none !important;
    }

    /* Owl Carousel məhsul kartları: mavi çərçivə */
    html body .owl-stage .owl-item li.product {
        border: 2px solid var(--blue-border) !important;
        border-radius: 12px !important;
        background: #fff !important;
        padding: 12px !important;
        margin: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    /* Mobil: məhsul kartlarını yığcam et */
    .new-products-section .owl-stage .owl-item li.product {
        padding: 10px !important;
        margin: 0 4px 0 0 !important;
        /* Yalnız sağa margin */
        width: calc(100% - 4px) !important;
        position: relative !important;
    }

    /* Şəkli tənzimlə */
    .new-products-section .owl-stage .owl-item li.product a img {
        height: 100px !important;
        margin: 15px auto 8px auto !important;
        object-fit: contain !important;
    }

    /* İkonun künce yapışması üçün lazım olan əsas düzəliş */
    .new-products-section .owl-item .product-image-wrapper {
        position: static !important;
    }

    /* Mobil: məhsul kartlarının hündürlüyünü bərabərləşdir */
    .new-products-section .owl-stage .owl-item {
        display: flex !important;
        align-items: stretch !important;
    }

    .new-products-section .owl-stage .owl-item li.product {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 200px !important;
    }

    .new-products-section .owl-stage .owl-item li.product .woocommerce-LoopProduct-link {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        flex-grow: 1 !important;
    }

    /* Düyməni həmişə aşağıda saxla */
    .new-products-section .owl-stage .owl-item li.product .button {
        margin-top: auto !important;
    }

    /* Owl Carousel-in avtomatik hündürlük hesablamasını söndür */
    .new-products-section .owl-stage {
        height: auto !important;
    }

    .new-products-section .owl-stage-outer {
        height: auto !important;
    }

    /* Kartların eyni hündürlükdə qalması üçün */
    .new-products-section .owl-stage .owl-item>li.product {
        height: 100% !important;
        box-sizing: border-box !important;
        padding: 10px !important;
    }

    /* Kartı tam kolon, bərabər hündürlük */
    .new-products-section .owl-stage .owl-item>li.product {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100% - 8px) !important;
        height: 100% !important;
        box-sizing: border-box !important;
        margin: 0 4px !important;
    }

    /* İç layout */
    .new-products-section li.product .woocommerce-LoopProduct-link {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        flex: 1 1 auto !important;
        width: 100% !important;
    }

    /* Owl-ın auto-height müdaxiləsini neytrallaşdır */
    .new-products-section .owl-stage,
    .new-products-section .owl-stage-outer {
        height: auto !important;
    }
}

/* ===================================================================== */
/* === OWL CAROUSEL: DESKTOP STİLLƏR === */
/* ===================================================================== */
@media (min-width: 769px) {

    /* Owl kartlarını bərabər hündürlükdə saxla */
    html body .owl-stage .owl-item {
        display: flex !important;
        align-items: stretch !important;
    }

    html body .owl-stage .owl-item li.product {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        border: 2px solid var(--blue-border) !important;
        border-radius: 12px !important;
        background: #fff !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        width: calc(100% - 10px) !important;
        margin-right: 10px !important;
    }

    /* İç layout */
    html body .owl-stage .owl-item li.product .woocommerce-LoopProduct-link {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        height: 100% !important;
    }

    /* Şəkli kiçilt */
    html body .owl-stage .owl-item li.product img {
        height: 140px !important;
        width: auto !important;
        object-fit: contain !important;
        margin: 10px auto !important;
    }

    /* Başlığı 2 sətrə clamp et */
    html body .owl-stage .owl-item li.product .woocommerce-loop-product__title {
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin: 8px 10px !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        overflow: hidden !important;
        min-height: 2.6em !important;
        text-align: center !important;
        height: auto !important;
    }

    /* Qiymət */
    html body .owl-stage .owl-item li.product .price {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 18px !important;
        color: #363842 !important;
        font-weight: 600 !important;
        margin: 8px 0 !important;
        min-height: 22px !important;
    }

    /* Səbətə at düyməsini gizlət */
    html body .owl-stage .owl-item li.product .button {
        display: none !important;
    }

    /* Desktop Carousel - product-details-btn */
    .owl-stage .owl-item li.product .product-details-btn {
        font-size: 17px !important;
    }
}

/* ===================================================================== */
/* === OWL CAROUSEL: ƏTRAFLƏ MƏLUMAT DÜYMƏSİ === */
/* ===================================================================== */

/* Desktop: Ətraflı məlumat düyməsi (pseudo element) */
html body .owl-stage .owl-item li.product::after {
    content: "Ətraflı məlumat" !important;
    display: block !important;
    background: var(--blue-border) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-top: auto !important;
    cursor: pointer !important;
}

/* ===================================================================== */
/* === OWL CAROUSEL: MƏHSUL ŞƏKİL ÖLÇÜLƏRİ === */
/* ===================================================================== */

/* 300x170px məhsul şəkili qaydası */
html body .owl-stage .owl-item li.product img,
html body .owl-stage .owl-item li.product a img {
    width: 300px !important;
    height: 170px !important;
    max-width: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
    background: #fff !important;
    display: block !important;
    position: static !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Konteyner (thumbnail) üçün də ölçü sabitlə */
html body .owl-stage .owl-item li.product .mf-product-thumbnail,
html body .owl-stage .owl-item li.product .product-thumbnail,
html body .owl-stage .owl-item li.product .woocommerce-product-gallery__image {
    width: 300px !important;
    height: 170px !important;
    max-width: 100% !important;
    max-height: 170px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* ===================================================================== */
/* === OWL CAROUSEL: MƏHSUL KARTI WRAPPER === */
/* ===================================================================== */

/* Məhsul kartı wrapper - flex container */
.owl-stage .owl-item li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Şəkilləri contain et və mərkəzlə */
.owl-stage .owl-item li.product img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===================================================================== */
/* === OWL CAROUSEL: WİSHLİST DÜYMƏLƏRİ === */
/* ===================================================================== */

/* OWL CAROUSEL - Ana Səhifə Wishlist Button Fix */
.owl-carousel .product-card .gentech-wishlist-btn,
.gentech-style-carousel .gentech-wishlist-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 100 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #dee2e6 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.owl-carousel .gentech-wishlist-btn:hover,
.gentech-style-carousel .gentech-wishlist-btn:hover {
    background: #ffffff !important;
    transform: scale(1.15) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

.owl-carousel .gentech-wishlist-btn i,
.gentech-style-carousel .gentech-wishlist-btn i {
    font-size: 16px !important;
    color: #6c757d !important;
    transition: color 0.3s ease !important;
}

.owl-carousel .gentech-wishlist-btn.in-wishlist i,
.gentech-style-carousel .gentech-wishlist-btn.in-wishlist i {
    color: #dc3545 !important;
}

.owl-carousel .gentech-wishlist-btn:hover i,
.gentech-style-carousel .gentech-wishlist-btn:hover i {
    color: #dc3545 !important;
}

/* Owl carousel-dakı product image wrapper */
.owl-carousel .product-image-wrapper,
.gentech-style-carousel .product-image-wrapper {
    position: relative !important;
    overflow: visible !important;
}

/* ===================================================================== */
/* === OWL CAROUSEL: QİYMƏT STİLLƏRİ === */
/* ===================================================================== */

/* Ümumi carousel qiymət stilleri */
.owl-carousel .product-card .woocommerce-Price-amount,
.gentech-style-carousel .product-card .woocommerce-Price-amount,
.new-products-section .woocommerce-Price-amount {
    font-family: Montserrat, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: rgb(54, 56, 66) !important;
    margin: 8px 0 !important;
    min-height: 22px !important;
}

/* Qiymətləri mərkəzə çək */
.owl-carousel .woocommerce-Price-amount.amount,
.gentech-style-carousel .woocommerce-Price-amount.amount {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-block !important;
}

/* Container mərkəzləşdirmə */
.owl-carousel .product-card .product-content,
.gentech-style-carousel .product-card .product-content {
    text-align: center !important;
}

/* KARUSEL QİYMƏT FİX - Qlobal pricing-i burada söndürürük */
.owl-carousel .product-card .price .woocommerce-Price-amount,
.gentech-style-carousel .product-card .price .woocommerce-Price-amount,
.new-products-section .price .woocommerce-Price-amount,
.owl-carousel .product-card .price .woocommerce-Price-amount bdi,
.gentech-style-carousel .product-card .price .woocommerce-Price-amount bdi,
.new-products-section .price .woocommerce-Price-amount bdi {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #363842 !important;
}


/* Köhnə .p-price selector də saxla (əgər istifadə olunursa) */
body .owl-carousel .product-card .p-price,
body .gentech-style-carousel .product-card .p-price,
.new-products-section .p-price {
    display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    padding-left: 135px !important;
    margin-top: -5px !important;
    margin-bottom: 12px !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    text-align: left !important;
}

/* OWL CAROUSEL - Qiymət span elementləri */
.owl-carousel .product-card .woocommerce-Price-amount span,
.gentech-style-carousel .product-card .woocommerce-Price-amount span,
.owl-carousel .product-card .p-price span,
.gentech-style-carousel .product-card .p-price span {
    display: inline !important;
}

/* OWL CAROUSEL - Mobil Qiymət */
@media (max-width: 768px) {

    .owl-carousel .product-card .woocommerce-Price-amount,
    .gentech-style-carousel .product-card .woocommerce-Price-amount,
    .owl-carousel .product-card .p-price,
    .gentech-style-carousel .product-card .p-price {
        font-size: 18px !important;
        margin: 6px 0 8px !important;
        min-height: 20px !important;
    }
}

/* ===================================================================== */
/* === OWL CAROUSEL: MƏZMUN STİLLƏRİ === */
/* ===================================================================== */

/* OWL CAROUSEL - Məhsul Content Düzəlişi */
.owl-carousel .product-card .product-content,
.gentech-style-carousel .product-card .product-content {
    padding: 0 8px 8px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* OWL CAROUSEL - Brand/Model */
.owl-carousel .product-card .brand-model-wrapper,
.gentech-style-carousel .product-card .brand-model-wrapper {
    text-align: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}

/* ===================================================================== */
/* === STYLE.CSS-DƏN KÖÇÜRÜLƏN OWL CAROUSEL KODLARI === */
/* ===================================================================== */

/* Owl Carousel dots tamamilə gizlədilir */
.owl-dots {
    display: none !important;
}

/* Desktop: carousel padding */
.products.gentech-style-carousel.owl-carousel {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

/* Mobil: carousel padding */
@media (max-width: 768px) {
    .products.gentech-style-carousel.owl-carousel {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ana səhifə mobil wishlist düyməsi - TAM SAĞ ÜST KÜNC (Çərçivəyə yapışmış) */
    .new-products-section .owl-item .gentech-wishlist-btn {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
        z-index: 99 !important;
        margin: 0 !important;
        display: flex !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #f0f0f0 !important;
    }
}

/* Ana səhifə və karusellərdə Add to Cart düyməsini gizlət */
.owl-carousel .add_to_cart_button,
ul.products li.product .add_to_cart_button,
a.add_to_cart_button {
    display: none !important;
}

/* Desktop ekranlarda Owl Carousel məhsul kartlarına çərçivə əlavə et */
@media (min-width: 1024px) {

    .owl-carousel .product,
    .owl-carousel .owl-item .product-wrapper,
    /* Bəzi temalarda wrapper olur */
    ul.products li.product {
        border: 2px solid #1cb1ea !important;
        /* Çərçivə rəngi və qalınlığı */
        border-radius: 8px;
        /* Künclərin yuvarlaqlığı (istəməsəniz 0px edin) */
        padding: 10px;
        /* Çərçivə ilə məhsul arası məsafə */
        box-sizing: border-box;
        /* Çərçivənin dizaynı dağıtmaması üçün vacibdir */
        margin: 5px;
        /* Kartlar bir-birinə yapışmasın deyə */
        transition: all 0.3s ease;
        /* Üzərinə gələndə yumşaq effekt üçün */
    }
}

/* ========================================================== */
/* ANA SƏHİFƏ (OWL CAROUSEL) - BÜTÜN DÜYMƏLƏRİ GİZLƏT     */
/* ========================================================== */

/* Bu kod Owl Carousel içindəki həm 'Add to Cart', həm də 'Read more' 
   düymələrini tamamilə yox edir. */

.owl-carousel .product-card a.button,
.owl-carousel .unified-action-bar a.button,
.owl-carousel .price-display+a {
    display: none !important;
}

/* Sığorta: Əgər 'Read more' düyməsi başqa cür gəlirsə */
.owl-carousel a[aria-label*="Read more"] {
    display: none !important;
}

/* ========================================
   BRAND və MODEL AYRILMASI - Override (OWL CAROUSEL HİSSƏSİ)
======================================== */
/* Bütün carousel və product başlıqlarını override et */
.new-products-section .woocommerce-loop-product__title,
.new-products-section li.product .woocommerce-loop-product__title,
html body .owl-stage .owl-item li.product .woocommerce-loop-product__title,
.gentech-style-carousel .product-content-carousel h3.woocommerce-loop-product__title,
.owl-carousel .woocommerce-loop-product__title,
.owl-item .woocommerce-loop-product__title {
    /* Əvvəlki line-clamp kodlarını söndür */
    display: flex !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    /* Yeni flex strukturu */
    flex-direction: column !important;
    gap: 4px !important;

    /* Hündürlük məhdudiyyətlərini götür */
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
}

/* H3-ü 2 sətir et - brand və model üçün */
.gentech-style-carousel .product-content-carousel h3.woocommerce-loop-product__title {
    margin: 8px 0 6px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 48px !important;
    max-height: 48px !important;
    text-align: center !important;
}

/* A tagını flex et - brand üstdə, model altda */
.gentech-style-carousel .product-content-carousel h3.woocommerce-loop-product__title>a {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: center !important;
}

/* Brand və model block olsun */
.gentech-style-carousel .product-content-carousel h3 .urun-markasi,
.gentech-style-carousel .product-content-carousel h3 .urun-modeli {
    line-height: 1.25 !important;
    display: block !important;
    text-align: center !important;
    float: none !important;
    transform: none !important;
}

/* Brand stili */
.gentech-style-carousel .product-content-carousel h3 .urun-markasi {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    order: 1 !important;
}

/* Model stili - DESKTOP */
.gentech-style-carousel .product-content-carousel h3 .urun-modeli {
    font-size: 16px !important;
    color: #4b5563 !important;
    font-weight: 500 !important;
    order: 2 !important;
}

/* MOBİL - Model 1 sətir, sonra ... */
@media (max-width: 768px) {
    .gentech-style-carousel .product-content-carousel h3.woocommerce-loop-product__title {
        max-height: 50px !important;
        /* Daha kiçik - sadəcə brand + 1 sətir model */
    }

    .gentech-style-carousel .product-content-carousel h3 .urun-modeli {
        font-size: 12px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        /* 1 sətirdə saxla */
        display: block !important;
    }
}

/* ===================================================================== */
/* === OWL CAROUSEL: 1920px+ EKRANLAR ÜÇÜN ALIGNMENT === */
/* ===================================================================== */
@media (min-width: 1920px) {
    .products.gentech-style-carousel.owl-carousel {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ===================================================================== */
/* OWL CAROUSEL: TABLET PADDING - 768px - 1024px */
/* ===================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .products.gentech-style-carousel.owl-carousel {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}