/* =====================================================
   CLK HOME - Site Genel CSS Özelleştirmeleri
   WoodMart + WooCommerce + Elementor
   Bu dosya özel eklenti üzerinden yüklenir.
===================================================== */

/* Mobilde filtre/sıralama ikonunu gizle */
@media (max-width: 768px){
    .wd-ordering-mb-icon{
        display:none !important;
    }
}

/* Footer kategoriler bölümünü masaüstünde sağa yaklaştır */
@media (min-width:1025px){
    #nav_menu-20{
        margin-left:100px;
    }
}

/* Footer alt menülerini birbirine yakınlaştır */
.footer-widget .menu li{
    margin-bottom:8px;
}

/* Masaüstü mağaza ürün alanını genişlet */
@media (min-width:1200px){
    .woocommerce .content-layout-wrapper{
        max-width:1750px;
        width:95%;
        margin:auto;
    }

    .products.wd-grid-g{
        --wd-gap-lg:8px !important;
    }
}

/* Anasayfa bize ulaşın buton yazısını mobilde tek satır yap */
@media (max-width:768px){
    a[href*="bize-ulasin"] .wd-btn-text{
        white-space:nowrap;
    }
}

/* =====================================================
   CLK HOME - Ortak Premium Özellik Kartları
   Ana sayfa: .clk-features
   Ürün sayfası: .clk-product-features
===================================================== */
.clk-features,
.clk-product-features{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:18px !important;
    padding:34px 28px !important;
    background:linear-gradient(180deg,#f6f6f6 0%,#eeeeee 100%) !important;
    border-top:1px solid rgba(0,0,0,0.07) !important;
    border-bottom:1px solid rgba(0,0,0,0.07) !important;
}

.clk-product-features{
    margin-top:28px !important;
}

.clk-features .feature-item,
.clk-product-features .feature-item{
    display:flex !important;
    align-items:center !important;
    flex-direction:row !important;
    gap:15px !important;
    min-height:86px !important;
    padding:18px 20px !important;
    background:rgba(255,255,255,0.78) !important;
    border:1px solid rgba(0,0,0,0.07) !important;
    border-radius:16px !important;
    text-decoration:none !important;
    box-shadow:0 10px 28px rgba(0,0,0,0.045) !important;
    transition:all .28s ease !important;
    overflow:hidden !important;
}

.clk-features .feature-item:hover,
.clk-product-features .feature-item:hover{
    transform:translateY(-3px) !important;
    background:#fff !important;
    border-color:rgba(0,0,0,0.14) !important;
    box-shadow:0 16px 34px rgba(0,0,0,0.075) !important;
}

.clk-features .feature-item .icon::before,
.clk-product-features .feature-item .icon::before{
    content:none !important;
    display:none !important;
}

.clk-features .feature-item .icon,
.clk-product-features .feature-item .icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
    border-radius:50% !important;
    background:#141414 !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    overflow:hidden !important;
}

.clk-features .feature-item .icon img,
.clk-product-features .feature-item .icon img{
    display:block !important;
    width:25px !important;
    height:25px !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1) !important;
    opacity:.92 !important;
}

.clk-features .feature-item .text,
.clk-product-features .feature-item .text{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    text-align:left !important;
}

.clk-features .feature-item .title,
.clk-product-features .feature-item .title{
    color:#151515 !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.1px !important;
    line-height:1.25 !important;
    margin:0 !important;
}

.clk-features .feature-item .desc,
.clk-product-features .feature-item .desc{
    color:#6f6f6f !important;
    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    margin:0 !important;
}

@media(max-width:1024px){
    .clk-features,
    .clk-product-features{
        grid-template-columns:repeat(2,1fr) !important;
        padding:28px 18px !important;
        gap:14px !important;
    }
}

/* Mobil - Ana sayfa tek sıra / alt alta */
@media(max-width:600px){
    .clk-features{
        grid-template-columns:1fr !important;
        gap:12px !important;
        padding:22px 14px !important;
    }

    .clk-features .feature-item{
        flex-direction:row !important;
        text-align:left !important;
        align-items:center !important;
        justify-content:flex-start !important;
        min-height:76px !important;
        padding:15px 16px !important;
        border-radius:14px !important;
    }

    .clk-features .feature-item .text{
        text-align:left !important;
        align-items:flex-start !important;
    }

    .clk-features .feature-item .icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        margin:0 !important;
    }

    .clk-features .feature-item .icon img{
        width:22px !important;
        height:22px !important;
    }

    .clk-features .feature-item .title{
        font-size:13.5px !important;
    }

    .clk-features .feature-item .desc{
        font-size:12px !important;
    }
}

/* Mobil - Ürün sayfası tek sıra */
@media(max-width:600px){
    .clk-product-features{
        grid-template-columns:1fr !important;
        padding:22px 14px !important;
        gap:12px !important;
        margin-top:22px !important;
    }

    .clk-product-features .feature-item{
        flex-direction:row !important;
        text-align:left !important;
        min-height:76px !important;
        padding:15px 16px !important;
        border-radius:14px !important;
    }

    .clk-product-features .feature-item .text{
        text-align:left !important;
        align-items:flex-start !important;
    }

    .clk-product-features .feature-item .icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        margin:0 !important;
    }

    .clk-product-features .feature-item .icon img{
        width:22px !important;
        height:22px !important;
    }

    .clk-product-features .feature-item .title{
        font-size:13.5px !important;
    }

    .clk-product-features .feature-item .desc{
        font-size:12px !important;
    }
}

/* =====================================================
   Header / Menü Düzenleri
===================================================== */
@media (min-width:1025px){
    .whb-col-right{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .whb-col-right .wd-header-nav > ul{
        display:flex;
        flex-wrap:nowrap;
        white-space:nowrap;
        gap:30px;
    }

    .whb-col-right .wd-header-nav > ul > li{
        flex:0 0 auto;
    }

    #menu-main-menu-left{
        margin-left:50px;
    }
}

@media (max-width:1400px){
    .whb-col-right .nav-link-text{
        font-size:13px;
    }
}

@media (max-width:1200px){
    .whb-col-right .nav-link-text{
        font-size:12px;
    }
}

@media (max-width:1100px){
    .whb-col-right .nav-link-text{
        font-size:11px;
    }
}

/* Masaüstü header menülerini tek sıra gibi hizala */
@media (min-width:1025px){
    .whb-general-header .whb-col-right{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:28px !important;
    }

    .whb-general-header .whb-col-right > .wd-header-nav,
    .whb-general-header .whb-col-right > .wd-header-nav > ul{
        display:contents !important;
    }

    .whb-general-header #menu-main-menu-left,
    .whb-general-header #menu-main-menu-right{
        margin:0 !important;
        padding:0 !important;
        gap:0 !important;
    }

    .whb-general-header #menu-main-menu-left > li,
    .whb-general-header #menu-main-menu-right > li{
        margin:0 !important;
        padding:0 !important;
        flex:0 0 auto !important;
    }

    .whb-general-header .woodmart-nav-link{
        padding-left:0 !important;
        padding-right:0 !important;
        white-space:nowrap !important;
    }

    .whb-general-header .wd-header-search{
        margin:0 !important;
        padding:0 !important;
        flex:0 0 auto !important;
    }
}

/* =====================================================
   Anasayfa / Elementor Alanları
===================================================== */
.home .wd-content-layout.container{
    max-width:100% !important;
    width:100% !important;
    padding-left:20px;
    padding-right:20px;
}

/* Ana sayfa iletişim alanı: ortadaki popup Bize Ulaşın butonunu kaldır */
.home .elementor-element-65a497fe .elementor-element-7332888e{
    display:none !important;
}

/* Kalan iki butonu hizala */
.home .elementor-element-65a497fe .elementor-element-2eacc675 > .elementor-widget-wrap{
    justify-content:center !important;
    align-items:center !important;
    column-gap:18px !important;
}

/* Bize Ulaşın ve Konumumuz butonlarını aynı ölçüye getir */
.home .elementor-element-65a497fe .elementor-element-738c225,
.home .elementor-element-65a497fe .elementor-element-52fdcc91{
    width:auto !important;
    margin:0 !important;
}

.home .elementor-element-65a497fe .elementor-element-738c225 .btn,
.home .elementor-element-65a497fe .elementor-element-52fdcc91 .btn{
    width:155px !important;
    height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 18px !important;
    text-align:center !important;
}

@media (max-width:600px){
    .home .elementor-element-65a497fe .elementor-element-2eacc675 > .elementor-widget-wrap{
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
        row-gap:12px !important;
        column-gap:16px !important;
    }

    .home .elementor-element-65a497fe .elementor-element-2eacc675 > .elementor-widget-wrap > .elementor-widget:not(.elementor-element-738c225):not(.elementor-element-52fdcc91):not(.elementor-element-7332888e){
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
        text-align:center !important;
    }

    .home .elementor-element-65a497fe .elementor-element-7332888e{
        display:none !important;
    }

    .home .elementor-element-65a497fe .elementor-element-738c225,
    .home .elementor-element-65a497fe .elementor-element-52fdcc91{
        width:auto !important;
        max-width:none !important;
        flex:0 0 auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    .home .elementor-element-65a497fe .elementor-element-738c225 .btn,
    .home .elementor-element-65a497fe .elementor-element-52fdcc91 .btn{
        width:125px !important;
        height:42px !important;
        padding:0 10px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:12px !important;
        white-space:nowrap !important;
    }
}

/* =====================================================
   WooCommerce Sepet / Hesabım
===================================================== */
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart .shipping-calculator-form{
    display:none !important;
}

body.woocommerce-account li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account .wd-dropdown-my-account li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account a[href="https://clkhome.com/hesabim/downloads/"]{
    display:none !important;
}

.wd-header-my-account .wd-dropdown-my-account li.woocommerce-MyAccount-navigation-link--downloads,
.wd-header-my-account .wd-dropdown-my-account li:has(a[href*="/hesabim/downloads/"]),
.wd-header-my-account .wd-dropdown-my-account a[href*="/hesabim/downloads/"],
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation li:has(a[href*="/hesabim/downloads/"]),
.woocommerce-MyAccount-navigation a[href*="/hesabim/downloads/"]{
    display:none !important;
}

/* =====================================================
   Contact Form 7
===================================================== */
.wpcf7 form .hidden-fields-container{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
}

/* =====================================================
   Ürün Kategori Üst Şeridi
===================================================== */
@media (min-width:769px){
    .wd-page-title:has(.wd-nav-product-cat) .wd-title-wrapp,
    .wd-page-title:has(.wd-nav-product-cat) .wd-nav-product-cat{
        position:relative !important;
        top:-22px !important;
    }

    .wd-page-title:has(.wd-nav-product-cat) .wd-nav-product-cat{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
        text-align:center !important;
    }

    .wd-page-title:has(.wd-nav-product-cat) .wd-nav-product-cat > li{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
}

@media (max-width:768px){
    .wd-page-title:has(.wd-nav-product-cat) .wd-title-wrapp,
    .wd-page-title:has(.wd-btn-show-cat) .wd-btn-show-cat{
        position:relative !important;
        top:-18px !important;
    }

    .wd-page-title:has(.wd-btn-show-cat) .wd-btn-show-cat{
        margin:0 auto !important;
        text-align:center !important;
    }

    .wd-page-title:has(.wd-btn-show-cat) .wd-btn-show-cat a{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .wd-page-title:has(.wd-nav-product-cat) .wd-nav-product-cat{
        top:0 !important;
    }
}

/* =====================================================
   Footer
===================================================== */
@media (max-width:768px){
    .main-footer .elementor-element-40a1a48{
        text-align:center !important;
        margin-bottom:14px !important;
    }

    .main-footer .elementor-element-40a1a48 img{
        width:185px !important;
        max-width:55% !important;
        height:auto !important;
        display:block !important;
        margin:0 auto !important;
    }
}

/* =====================================================
   GTranslate ikonlarını gizle
===================================================== */
.gtranslate_wrapper,
.gt_float_switcher{
    display:none !important;
}

/* =====================================================
   Tekli Ürün Sayfası Boşluk / Çizgi Düzeni
===================================================== */
body.single-product{
    --clk-card-gap:1px;
    --clk-feature-footer-gap:20px;
}

body.single-product .comment-form .form-submit{
    margin-bottom:var(--clk-card-gap) !important;
}

body.single-product .product-tabs-wrapper{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body.single-product .woocommerce-tabs,
body.single-product .woocommerce-Tabs-panel,
body.single-product #reviews,
body.single-product #review_form_wrapper,
body.single-product .comment-respond,
body.single-product .comment-form{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

body.single-product .wd-prefooter{
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:var(--clk-feature-footer-gap) !important;
}

body.single-product .wd-prefooter .container{
    padding-top:0 !important;
}

body.single-product .clk-product-features{
    margin-top:var(--clk-card-gap) !important;
    margin-bottom:0 !important;
}

body.single-product .main-footer,
body.single-product .footer-container{
    margin-top:0 !important;
}

/* Tekli ürün sayfası - Gönder butonu altındaki ayırıcı çizgiyi kaldır */
body.single-product .related-and-upsells{
    display:none !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    height:0 !important;
    min-height:0 !important;
}

body.single-product .product-tabs-wrapper,
body.single-product .product-tabs-inner,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-Tabs-panel,
body.single-product .wd-accordion-item{
    border-bottom:0 !important;
}

body.single-product .product-tabs-wrapper::before,
body.single-product .product-tabs-wrapper::after,
body.single-product .related-and-upsells::before,
body.single-product .related-and-upsells::after{
    display:none !important;
    content:none !important;
}

/* =====================================================
   Sepet / Ödeme / Sipariş Tamamlandı Üst Şeridi
   Dikey Hizalama
===================================================== */

/* Masaüstü */
@media (min-width:769px){

    .wd-page-title:has(.wd-checkout-steps) .wd-checkout-steps{
        position:relative !important;
        top:-22px !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
        text-align:center !important;
    }

    .wd-page-title:has(.wd-checkout-steps) .wd-checkout-steps > li{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
}

/* Mobil */
@media (max-width:768px){

    .wd-page-title:has(.wd-checkout-steps) .wd-checkout-steps{
        position:relative !important;
        top:-18px !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        width:100% !important;
        margin:0 auto !important;
        padding:0 !important;
        text-align:center !important;
    }

    .wd-page-title:has(.wd-checkout-steps) .wd-checkout-steps > li{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
}
