/* ============================================
   Compel - CE Content Fix v6
   Alysum temasının CE ürün içeriklerine müdahalesini düzeltir.
   Font: Montserrat (Alysum'dan inherit)
   Layout: Canlı site (Safira) ile aynı genişlik

   ÖNEMLİ: CE ürün içeriği .tabs-container > #description içinde render ediliyor,
   .product-footer'da DEĞİL!
   ============================================ */

/* === FOUC FIX — kaldırıldı, tema ile çakışıyordu === */

/* === CE Container Genişliği === */
/* Alysum theme.css: width:90% → 100% yap, max-width: 1140px koru */
body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px !important;
    width: 100% !important;
}

/* === Page width container'lar === */
#header .page-width,
#footer .page-width,
#main-content .page-width {
    max-width: 1140px !important;
}

/* === Ürün sayfası: tabs-container düzelt ===
   product.css: background: #fbfbfb; padding: 100px → beyaz, kompakt
   CE içerik buradan render ediliyor (description tab) */
#product .tabs-container,
.page-product .tabs-container {
    background: #fff !important;
    padding: 30px 0 !important;
}

/* === CE ürün içeriği genişlik — canlı site ile eşleştir ===
   Canlı: .container=1140px, #main=1110px, CE elementor=1020px
   CE content path: .tabs-container > .tabs.page-width > .tab-content > #description > .product-description > .elementor */
#product .tabs-container .elementor[data-elementor-type="post"],
.page-product .tabs-container .elementor[data-elementor-type="post"] {
    max-width: 1020px !important;
    margin: 0 auto !important;
}
/* CE section'lar da 1020px'i aşmasın */
#product .tabs-container .elementor[data-elementor-type="post"] .elementor-section {
    max-width: 1020px !important;
}

/* === CE ürün içerik alanı — body rengi düzelt, font Montserrat'tan inherit === */
#product .elementor[data-elementor-type="post"],
.page-product .elementor[data-elementor-type="post"] {
    color: #7A7A7A;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
    /* font-family override YOK — Montserrat body'den inherit eder */
}

/* === Eski HTML içerikler (CE olmayan) — aynı font/line-height === */
#product .product-description,
#product #description .product-description,
#product .tab-content .product-description {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    font-family: 'Montserrat', sans-serif;
}
#product .product-description h2,
#product .product-description h3,
#product .product-description h4 {
    color: #333;
    margin: 15px 0 8px;
    line-height: 1.4;
}
#product .product-description ul {
    line-height: 1.8;
}
#product .product-description p {
    margin-bottom: 10px;
}

/* Heading'ler: CE Site Settings → Typography'den kontrol edilir.
   Burada override YOK — kit-106.css ve inline style'lar geçerli. */

/* CE display size class'ları — orijinal CE font-size'ları koru */
#product .elementor[data-elementor-type="post"] .ce-display-small { font-size: 15px !important; }
#product .elementor[data-elementor-type="post"] .ce-display-medium { font-size: 19px !important; }
#product .elementor[data-elementor-type="post"] .ce-display-large { font-size: 29px !important; }
#product .elementor[data-elementor-type="post"] .ce-display-xl { font-size: 39px !important; }
#product .elementor[data-elementor-type="post"] .ce-display-xxl { font-size: 59px !important; }

/* Link renkleri — Alysum body color'ı yerine CE uyumlu */
#product .elementor[data-elementor-type="post"] a:not(.elementor-button) {
    color: #373a3c;
}
#product .elementor[data-elementor-type="post"] a:not(.elementor-button):hover {
    color: #25B9D7;
}

/* === Ürün sayfası dış arka plan beyaz === */
#product #main-content,
.page-product #main-content,
#product #content-wrapper,
.page-product #content-wrapper {
    background-color: #fff !important;
}

/* === Ürün sayfası genel genişlik — canlı site ile eşleştir ===
   Canlı: #main left=387, width=1110 */
#product #main,
.page-product #main {
    max-width: 1110px !important;
    margin: 0 auto !important;
}

/* === Header z-index — dropdown'lar mega menünün üstünde kalmalı === */
#header {
    position: relative;
    z-index: 200;
}

/* === Header Section'lar — kolon hizalama + padding sıfırla ===
   Section 0: Currency | Text | Compare (üst bar)
   Section 1: Logo | Languages | Search (ana bar)
   Container align-items:center → tüm kolonlar dikey ortalı */
.elementor-top-section > .elementor-container {
    align-items: center !important;
}
.elementor-top-section .elementor-widget-wrap {
    padding: 0 !important;
    align-items: center !important;
}

/* === Currency/Compare arası dikey çizgi (border-right) === */
.curr-select {
    border-right: 1px solid #ddd;
    padding-right: 30px !important;
    margin-right: 12px !important;
}
/* Currency aşağı ok — linearicons chevron-down */
.curr-select .current-item span::after {
    content: '\e874';
    font-family: 'Linearicons-Free';
    font-size: 10px;
    margin-left: 4px;
    opacity: 0.6;
}

/* === Compare ikonu — linearicons lnr-sync === */
.compare-select .pk-compare .svgic {
    display: none !important;
}
.compare-select .pk-compare .current-item::before {
    content: '\e862';
    font-family: 'Linearicons-Free';
    font-size: 14px;
    margin-right: 6px;
}

/* === Currency & Language Selector Dropdown ===
   Hover + tıkla-aç, ::after köprü ile hover alanı genişletildi */

/* Dropdown item: siyah arka plan YOK, sadece hover'da mavi font */
.curr-select .dd_container:not(.pk-sub-menu) li:hover,
.lang-select .dd_container:not(.pk-sub-menu) li:hover {
    background-color: #fff !important;
    border-color: #f2f2f2 !important;
}
.curr-select .dd_container li:hover a,
.lang-select .dd_container li:hover a {
    color: #25B9D7 !important;
}
/* Dropdown konumu — ortala */
.curr-select .dd_container,
.lang-select .dd_container {
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 130px !important;
}
/* Hover köprüsü: .dd_el'in hover alanını aşağı doğru genişlet
   böylece mouse trigger'dan dropdown'a geçerken hover kaybolmaz */
.curr-select .dd_el,
.lang-select .dd_el {
    position: relative !important;
}
.curr-select .dd_el::after,
.lang-select .dd_el::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 20px;
}
/* Dropdown görsel: üst border kaldır, item border'ları kısalt */
.curr-select .dd_container.dd_view,
.lang-select .dd_container.dd_view {
    border-top: none !important;
}
.curr-select .dd_container:not(.pk-sub-menu) li,
.lang-select .dd_container:not(.pk-sub-menu) li {
    border-left: none !important;
    border-right: none !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* İlk item'da üst border yok */
.curr-select .dd_container:not(.pk-sub-menu) li:first-child,
.lang-select .dd_container:not(.pk-sub-menu) li:first-child {
    border-top: none !important;
}

/* === Compare counter parantezleri kaldır === */
.compare-select.show-brackets .header-item-counter::before,
.compare-select.show-brackets .header-item-counter::after {
    content: none !important;
}