/* =====================================================================
   İSLAMİ TEMA — Dini Sohbetler ve benzeri kanallar
   body.tema-islami ile devreye girer. Derin yeşil + altın, hat sanatı
   esintili kenarlıklar, sekiz köşeli yıldız (rub el hizb) motifi.
   ===================================================================== */
body.tema-islami {
    --ana: #0f7a5a;
    --koyu: #05392c;
    --altin: #c9a227;
    --altin-acik: #f0d67a;
    --zemin: #faf8f2;
    --metin: #23291f;
    --cizgi: #e8e2d4;
    --golge: 0 1px 3px rgba(5,57,44,.08), 0 4px 16px rgba(5,57,44,.07);
    --golge-buyuk: 0 10px 34px rgba(5,57,44,.16);
}

/* Geometrik desen: sekiz köşeli yıldız, çok düşük opaklıkta */
body.tema-islami .kanal-hero,
body.tema-islami .sayfa-baslik,
body.tema-islami .hub-hero {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.075' stroke-width='1'%3E%3Cpath d='M32 3l8.5 8.5L52 8l-3.5 11.5L57 28l-8.5 8.5L52 48l-11.5-3.5L32 53l-8.5-8.5L12 48l3.5-11.5L7 28l8.5-8.5L12 8l11.5 3.5z'/%3E%3Ccircle cx='32' cy='28' r='9'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(120deg, #04241c, #05392c 62%, #0b6349);
}

/* Altın hat şeridi — hero altında */
body.tema-islami .kanal-hero { border-bottom: 3px solid var(--altin); position: relative; }
body.tema-islami .kanal-hero::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px;
    background: linear-gradient(90deg, transparent, var(--altin) 18%, var(--altin-acik) 50%, var(--altin) 82%, transparent);
}

body.tema-islami .kanal-hero-ikon,
body.tema-islami .logo-isaret {
    border: 2px solid var(--altin);
    background: linear-gradient(140deg, rgba(201,162,39,.28), rgba(255,255,255,.12));
}

/* Kartlarda altın üst çizgi */
body.tema-islami .video-kart,
body.tema-islami .detay-kutu {
    border: 1px solid var(--cizgi);
    border-top: 2px solid color-mix(in srgb, var(--altin) 55%, #fff);
}

/* Hoca kartı: mihrap kemeri formu */
body.tema-islami .hoca-kart {
    border-radius: 96px 96px 16px 16px;
    padding-top: 26px;
    border: 1px solid var(--cizgi);
    border-top: 2px solid color-mix(in srgb, var(--altin) 55%, #fff);
}
body.tema-islami .hoca-avatar {
    border: 2px solid var(--altin);
    box-shadow: 0 0 0 5px rgba(201,162,39,.13);
}

body.tema-islami .bolum-baslik h2 { color: var(--koyu); }
body.tema-islami .bolum-baslik h2::before { background: linear-gradient(180deg, var(--altin), var(--ana)); }
body.tema-islami .bolum-baslik { border-bottom: 1px solid var(--cizgi); padding-bottom: 12px; }

body.tema-islami .kategori-cip { border-radius: 6px 15px 6px 15px; }
body.tema-islami .alt-bilgi { background: var(--koyu); border-top: 3px solid var(--altin); }
body.tema-islami .alt-not a { color: var(--altin); }
body.tema-islami .yukari-cik { background: var(--ana); border: 2px solid var(--altin); }
body.tema-islami .slayt-yazi span { background: var(--altin); color: #2b2205; }
body.tema-islami .makale-baslik { border-bottom-color: var(--altin); }
body.tema-islami .ust-bar { border-bottom: 2px solid var(--altin); }

/* Hat sanatı ayraç şeridi — bölüm aralarında kullanılır */
.hat-serit {
    height: 28px; margin: 6px 0; background-repeat: repeat-x; background-position: center; opacity: .55;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='28' viewBox='0 0 140 28'%3E%3Cg fill='none' stroke='%23c9a227' stroke-width='1.2'%3E%3Cpath d='M0 14h26M114 14h26'/%3E%3Cpath d='M70 5l8 9-8 9-8-9z'/%3E%3Cpath d='M70 9l4 5-4 5-4-5z'/%3E%3Ccircle cx='44' cy='14' r='4.5'/%3E%3Ccircle cx='96' cy='14' r='4.5'/%3E%3Cpath d='M30 14h9M101 14h9'/%3E%3C/g%3E%3C/svg%3E");
}