/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ==========================================================================
   B2B PRODUCT CATALOG DİZİN TASARIMI - FIXED VERSION
   ========================================================================== */

/* 1. Üst Arama ve Aksiyon Barı Yerleşimi */
.b2b-katalog-ust-bar {
    display: table !important;
    width: 100% !important;
    background: #fff !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    margin-bottom: 20px !important;
}
.b2b-katalog-arama {
    display: table-cell !important;
    vertical-align: middle !important;
}
.b2b-katalog-arama input {
    width: 320px !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    background: #f4f5f7 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    height: 40px !important;
}
.b2b-katalog-aksiyonlar {
    display: table-cell !important;
    text-align: right !important;
    vertical-align: middle !important;
}
.b2b-btn-filtre {
    background: #0f223d !important;
    color: #fff !important;
    border: none !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 40px !important;
    display: inline-block !important;
}
.b2b-btn-gorunum {
    background: #fff !important;
    border: 1px solid #d1d1d6 !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    height: 40px !important;
    display: inline-block !important;
    color: #333 !important;
    margin-left: 5px !important;
}
.b2b-btn-gorunum.active {
    background: #0f223d !important;
    color: #fff !important;
    border-color: #0f223d !important;
}
.b2b-sonuc-sayisi {
    font-size: 14px !important;
    color: #666 !important;
    margin-left: 15px !important;
    display: inline-block !important;
}

/* 2. Sol Filtre Yapısı Kümesi */
.b2b-filtre-kutusu {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}
.b2b-filtre-baslik {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.b2b-filtre-liste, .b2b-filtre-check-liste {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.b2b-filtre-liste li {
    font-size: 14px !important;
    color: #444 !important;
    padding: 8px 12px !important;
    margin: 0 0 4px 0 !important;
    display: table !important;
    width: 100% !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}
.b2b-filtre-liste li span:first-child {
    display: table-cell !important;
    text-align: left !important;
}
.b2b-filtre-liste li .b2b-badge {
    display: table-cell !important;
    text-align: right !important;
    width: 30px !important;
}
.b2b-filtre-liste li.active {
    background: #0f223d !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.b2b-filtre-liste li.active .b2b-badge {
    background: rgba(255,255,255,0.2) !important;
    color: #fff !important;
}
.b2b-filtre-check-liste li {
    font-size: 14px !important;
    color: #444 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    display: table !important;
    width: 100% !important;
}
.b2b-filtre-check-liste li label {
    display: table-cell !important;
    text-align: left !important;
    margin: 0 !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: normal !important;
}
.b2b-filtre-check-liste li input {
    margin-right: 8px !important;
    vertical-align: middle !important;
}
.b2b-filtre-check-liste li .b2b-badge {
    display: table-cell !important;
    text-align: right !important;
}
.b2b-badge {
    font-size: 11px !important;
    background: #f4f5f7 !important;
    color: #666 !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
}

/* 3. Sağ Taraf Tablo Hücreleri ve Zorunlu Yan Yana Hizalama */
.b2b-urun-tablo-header {
    display: table !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #e5e5ea !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #8e8e93 !important;
    letter-spacing: 0.5px !important;
}
.b2b-urun-tablo-header > div {
    display: table-cell !important;
    vertical-align: middle !important;
}
.b2b-urun-liste-satir {
    display: table !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #f2f2f7 !important;
}
.b2b-urun-liste-satir > div {
    display: table-cell !important;
    vertical-align: middle !important;
}

/* Sütun Genişliklerini Sabitleme */
.b2b-urun-tablo-header > div:nth-child(1), .b2b-urun-liste-satir > div:nth-child(1) { width: 40% !important; }
.b2b-urun-tablo-header > div:nth-child(2), .b2b-urun-liste-satir > div:nth-child(2) { width: 20% !important; }
.b2b-urun-tablo-header > div:nth-child(3), .b2b-urun-liste-satir > div:nth-child(3) { width: 15% !important; }
.b2b-urun-tablo-header > div:nth-child(4), .b2b-urun-liste-satir > div:nth-child(4) { width: 15% !important; }
.b2b-urun-tablo-header > div:nth-child(5), .b2b-urun-liste-satir > div:nth-child(5) { width: 10% !important; }

.b2b-td-urun {
    text-align: left !important;
}
.b2b-urun-gorsel-tutucu {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 15px !important;
}
.b2b-urun-gorsel-tutucu img {
    margin-bottom: 0 !important;
}
.b2b-urun-adi {
    font-weight: 600 !important;
    color: #111 !important;
    font-size: 15px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.b2b-katalog-badge {
    background: #f4f5f7 !important;
    color: #444 !important;
    font-size: 12px !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    display: inline-block !important;
}
.b2b-td-text {
    font-size: 14px !important;
    color: #333 !important;
}
.b2b-avatar-group {
    font-size: 16px !important;
    letter-spacing: -3px !important;
}
.b2b-lnk-varyant {
    font-size: 13px !important;
    color: #0f223d !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Mobil Uyumluluk */
@media (max-width: 767px) {
    .b2b-katalog-arama, .b2b-katalog-aksiyonlar { display: block !important; width: 100% !important; text-align: left !important; }
    .b2b-katalog-aksiyonlar { margin-top: 10px !important; }
    .b2b-urun-tablo-header { display: none !important; }
    .b2b-urun-liste-satir, .b2b-urun-liste-satir > div { display: block !important; width: 100% !important; padding: 5px 0 !important; }
    .b2b-urun-liste-satir { border: 1px solid #e5e5ea !important; padding: 15px !important; border-radius: 8px !important; margin-bottom: 15px !important; }
    .b2b-urun-liste-satir > div[style*="text-align: right"] { text-align: left !important; margin-top: 5px !important; }
}