/*
    İçerik-düzen katmanı — mustafa-duran teması.
    Kapsam: SADECE ürün/sayfa detay gövdesi (.post-details-wrapper .blog-text).
    Ham WP scrape HTML'i (çıplak <table>, alt-alta <img>, ikon+etiket çiftleri)
    Bexon main.css'te stilsiz kalıyor; bu katman DB içeriğine DOKUNMADAN
    (kural #109 — yerleşim tema işidir) yalnız görünümü toparlar.
    Tema renkleri: heading #0c1e21 · body #364e52 · primary #1e8a8a · açık gri #ecf0f0.
*/

/* --- Tablolar (Teknik Özellikler vb. çıplak <table>) --- */
.post-details-wrapper .blog-text table {
    width: 100%;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    margin: 1.5rem 0;
    font-size: 15px;
}
.post-details-wrapper .blog-text table td,
.post-details-wrapper .blog-text table th {
    padding: .55rem .9rem;
    border: 1px solid #ecf0f0;
    vertical-align: top;
    color: var(--tj-color-text-body, #364e52);
}
.post-details-wrapper .blog-text table th,
.post-details-wrapper .blog-text table td b {
    color: var(--tj-color-heading-primary, #0c1e21);
}
/* çift satır şeritleme */
.post-details-wrapper .blog-text table tr:nth-child(even) td {
    background: #f6f8f8;
}
/* ilk sütun (etiket) tek satırda kalabilir; diğer sütunlar sarılır */
.post-details-wrapper .blog-text table td:first-child {
    white-space: nowrap;
}

/* JS'in her tabloyu sardığı yatay-kaydırma kabuğu */
.post-details-wrapper .blog-text .icerik-tablo-kaydir {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.5rem 0;
}
.post-details-wrapper .blog-text .icerik-tablo-kaydir table {
    margin: 0;
}

@media (max-width: 767px) {
    .post-details-wrapper .blog-text table {
        font-size: 13px;
    }
    .post-details-wrapper .blog-text table td,
    .post-details-wrapper .blog-text table th {
        padding: .4rem .55rem;
    }
}

/* --- Çoklu görselli paragraf (tek <p> içinde 2-3 büyük <img>) --- */
.post-details-wrapper .blog-text p:has(> img + img) {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    margin: 1.5rem 0;
}
.post-details-wrapper .blog-text p:has(> img + img) img {
    flex: 1 1 300px;
    max-width: calc(50% - .5rem);
    width: auto;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}
@media (max-width: 575px) {
    .post-details-wrapper .blog-text p:has(> img + img) img {
        max-width: 100%;
    }
}

/* --- Tek görselli paragraf (150px ikonlar HARİÇ) --- */
.post-details-wrapper .blog-text p > img:only-child:not([width="150"]) {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* --- İkon ızgarası (JS: ardışık img[width=150] + etiket çiftlerini toplar) --- */
.post-details-wrapper .blog-text .icerik-ikon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1.25rem;
    margin: 1.75rem 0;
    padding: 0;
    list-style: none;
}
.post-details-wrapper .blog-text .icerik-ikon-grid .ikon-kart {
    text-align: center;
}
.post-details-wrapper .blog-text .icerik-ikon-grid .ikon-kart img {
    width: 96px;
    height: 96px;
    object-fit: contain;
    display: block;
    margin: 0 auto .5rem;
}
.post-details-wrapper .blog-text .icerik-ikon-grid .ikon-kart span {
    display: block;
    color: var(--tj-color-text-body, #364e52);
    font-size: 14px;
    line-height: 1.4;
}

/* --- Alt başlık bağları (Klips / Kapak / Çelik Dübel) — href'siz, sadeleştir --- */
.post-details-wrapper .blog-text h6 > a {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

/* --- Başlık & paragraf nefesi (ana .title hariç) --- */
.post-details-wrapper .blog-text h2:not(.title),
.post-details-wrapper .blog-text h3:not(.title) {
    margin-top: 2rem;
}
.post-details-wrapper .blog-text p {
    margin-bottom: 1rem;
}

/* === Dil değiştirici (header) — theme::partials.dil-switcher === */
.header-lang { display: inline-flex; align-items: center; gap: 4px; margin-right: 16px; }
.header-lang__item {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 9px; border-radius: 6px; line-height: 1;
    text-decoration: none; opacity: .55;
    transition: opacity .2s ease, background-color .2s ease;
}
.header-lang__item:hover { opacity: 1; background-color: rgba(12, 30, 33, .06); }
.header-lang__item.is-active { opacity: 1; }
.header-lang__flag {
    display: inline-flex; width: 20px; height: 14px;
    border-radius: 3px; overflow: hidden;
    box-shadow: 0 0 0 1px rgba(12, 30, 33, .12);
}
.header-lang__flag svg { display: block; width: 100%; height: 100%; }
.header-lang__code {
    font-size: 13px; font-weight: 600; letter-spacing: .3px;
    color: var(--tj-color-heading-primary, #0c1e21);
}
/* Anasayfa saydam header (beyaz menü) */
.header-2 .header-lang__item:hover { background-color: rgba(255, 255, 255, .16); }
.header-2 .header-lang__code { color: #fff; }
.header-2 .header-lang__flag { box-shadow: 0 0 0 1px rgba(255, 255, 255, .35); }

/* Mobil hamburger içi */
.hamburger-lang { margin-top: 20px; }
.hamburger-lang .header-lang { gap: 8px; }
.hamburger-lang .header-lang__item { opacity: 1; padding: 8px 10px; background: rgba(12, 30, 33, .05); }
.hamburger-lang .header-lang__code { color: var(--tj-color-heading-primary, #0c1e21); }

/* === Ürün detay: "kalan içerik" ek blokları + SSS akordeon (blocks/urun-detay.blade.php) === */
/* Başlık/gövde tipografisi .uo-usage-title / .uo-desc'ten (aynı dosyadaki <style>) miras alınır. */
#urun-ornek .uo-extra { padding: 8px var(--pad, 24px) 48px; display: flex; flex-direction: column; gap: 40px; }
#urun-ornek .uo-extra-block:not(:last-child) { border-bottom: 1px solid #e2e6e0; padding-bottom: 40px; }

#urun-ornek .uo-faq { padding: 8px var(--pad, 24px) 56px; }
#urun-ornek .uo-faq-title { font-family: 'Archivo', sans-serif; font-size: 24px; font-weight: 800; letter-spacing: -.4px; margin-bottom: 20px; }
#urun-ornek .uo-faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 900px; }
#urun-ornek .uo-faq-item { background: #fff; border: 1px solid #e2e6e0; border-radius: 12px; padding: 4px 22px; }
#urun-ornek .uo-faq-q { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 16px; color: #1c211d; padding: 16px 0; cursor: pointer; list-style: none; }
#urun-ornek .uo-faq-q::-webkit-details-marker { display: none; }
#urun-ornek .uo-faq-q::after { content: '+'; float: right; font-weight: 400; color: #6a746c; }
#urun-ornek .uo-faq-item[open] .uo-faq-q::after { content: '\2212'; }
#urun-ornek .uo-faq-a { padding: 0 0 18px; color: #3c463e; line-height: 1.7; font-size: 15px; }
#urun-ornek .uo-faq-a p { margin: 0 0 10px; }
#urun-ornek .uo-faq-a p:last-child { margin-bottom: 0; }

/* === Yazar kutusu (E-E-A-T) — haber detay altı (pages/detay.blade.php) === */
.yazar-kutusu {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 28px 32px;
    margin-top: .5rem;
    background: #fff;
    border: 1px solid var(--tj-color-border-1, #c9d1d1);
    border-radius: 12px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
}
.yazar-kutusu__gorsel {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #ecf0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yazar-kutusu__gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}
.yazar-kutusu__ad {
    margin: 0 0 6px;
    font-size: 18px;
    color: var(--tj-color-heading-primary, #0c1e21);
}
.yazar-kutusu__tanitim {
    margin: 0 0 10px;
    color: var(--tj-color-text-body, #364e52);
    font-size: 14.5px;
    line-height: 1.7;
}
.yazar-kutusu__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--tj-color-theme-primary, #1e8a8a);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.yazar-kutusu__link i {
    font-size: 12px;
    transition: transform .2s ease;
}
.yazar-kutusu__link:hover i {
    transform: translateX(3px);
}
@media (max-width: 575px) {
    .yazar-kutusu {
        flex-direction: column;
        text-align: center;
        padding: 24px 20px;
    }
}

.site-logo-text {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: inherit;
    line-height: 1.2;
}