/* ================================================================
   SIRRULHAVAS FORUM v2 — "El Yazması Kütüphanesi" teması
   6 Ekim 2026 · Higgsfield görselleri: /styles/sirrulhavas_v2/img/
   Yalnız GÖRÜNÜM değişir; şablonlar, içerik, eklentiler aynı kalır.
   Geri dönüş: bu bloğu extra.less'ten çıkar (yedek: extra_19.less).
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Source+Sans+3:wght@400;500;600;700&family=Amiri:wght@400;700&display=swap');

:root{
  --v2-zumrut-900:#0b1f19; --v2-zumrut-800:#0f2a22; --v2-zumrut-700:#14382d; --v2-zumrut-600:#1b4a3b; --v2-zumrut-500:#24614d;
  --v2-altin:#d4af6a; --v2-altin-acik:#ead2a0; --v2-altin-koyu:#a8823f;
  --v2-parsomen:#f6efe0; --v2-parsomen-2:#efe4cc; --v2-murekkep:#2a2217; --v2-ceviz:#3b2a1c;
  --v2-golge:0 10px 30px rgba(11,31,25,.18), 0 2px 6px rgba(11,31,25,.10);
  --v2-yaricap:14px;
  --v2-baslik:'Cormorant Garamond', Georgia, serif;
  --v2-govde:'Source Sans 3', 'Segoe UI', Roboto, sans-serif;
}

/* ---------- Genel zemin ve yazı ---------- */
html, body{ background: var(--v2-parsomen) !important; }
body{ font-family: var(--v2-govde) !important; color: var(--v2-murekkep); -webkit-font-smoothing: antialiased; }
.p-body{ background:
  radial-gradient(1200px 500px at 50% -120px, rgba(212,175,106,.18), transparent 70%),
  var(--v2-parsomen) !important; }
.p-body-inner{ max-width: 1320px; }
a{ color: var(--v2-zumrut-600); } a:hover{ color: var(--v2-altin-koyu); }
.p-title-value, .block-header, .node-title, .structItem-title, .message-title, h1, h2, h3{
  font-family: var(--v2-baslik) !important; letter-spacing: .2px; }
[dir=rtl] body, [lang^=ar] body{ font-family: 'Amiri', var(--v2-govde) !important; }

/* ---------- Üst bar ---------- */
.p-header, .p-nav, .p-sectionLinks{ background: var(--v2-zumrut-900) !important; }
.p-header{ border-bottom: 1px solid rgba(212,175,106,.25); }
.p-nav{ box-shadow: 0 1px 0 rgba(212,175,106,.18) inset, 0 6px 20px rgba(0,0,0,.25); }
.p-nav-list .p-navEl-link, .p-navgroup-link{ color: var(--v2-parsomen) !important; font-weight: 600; }
.p-nav-list .p-navEl.is-selected .p-navEl-link,
.p-nav-list .p-navEl-link:hover{ color: var(--v2-altin) !important; background: rgba(212,175,106,.10) !important; }
.p-nav-list .p-navEl.is-selected{ box-shadow: inset 0 -3px 0 var(--v2-altin); background: transparent !important; }
.p-navgroup{ background: transparent !important; border: 0 !important; }
.p-navgroup-link{ border-radius: 999px !important; }
.p-navgroup-link--logIn, .p-navgroup-link--register{ border: 1px solid rgba(212,175,106,.55) !important; margin-left: 6px; }
.p-navgroup-link--register{ background: var(--v2-altin) !important; color: var(--v2-zumrut-900) !important; }
.p-sectionLinks{ border-top: 1px solid rgba(212,175,106,.15); }
.p-sectionLinks-list a{ color: var(--v2-altin-acik) !important; }

/* ---------- Kapak (ana sayfa) ---------- */
.v2-kapak{ position: relative; width: 100%; margin: 0 0 22px; border-radius: 22px; overflow: hidden; min-height: 360px;
  display: grid; align-items: end; color: #fff; isolation: isolate;
  background: var(--v2-zumrut-900) url('/styles/sirrulhavas_v2/img/kapak_ana_lg.webp') center/cover no-repeat; }
@media (min-width: 1400px){ .v2-kapak{ background-image: url('/styles/sirrulhavas_v2/img/kapak_ana_xl.webp'); min-height: 440px; } }
@media (max-width: 650px){ .v2-kapak{ background-image: url('/styles/sirrulhavas_v2/img/kapak_mobil_tel.webp'); min-height: 420px; border-radius: 16px; } }
.v2-kapak::before{ content:""; position:absolute; inset:0; z-index:-1;
  background: linear-gradient(180deg, rgba(11,31,25,.05) 0%, rgba(11,31,25,.35) 45%, rgba(11,31,25,.92) 100%); }
.v2-kapak-ic{ padding: clamp(22px, 4vw, 48px); max-width: 860px; }
.v2-kapak-ust{ font: 600 13px/1 var(--v2-govde); letter-spacing: .22em; text-transform: uppercase; color: var(--v2-altin-acik); display:flex; align-items:center; gap:10px; }
.v2-kapak-ust::before{ content:""; width: 34px; height: 1px; background: var(--v2-altin); }
.v2-kapak h1{ font: 600 clamp(32px, 5.2vw, 58px)/1.05 var(--v2-baslik) !important; margin: 14px 0 12px; color:#fff; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.v2-kapak h1 em{ font-style: italic; color: var(--v2-altin-acik); }
.v2-kapak p{ font-size: clamp(15px, 1.6vw, 18px); line-height: 1.6; color: rgba(255,255,255,.88); margin: 0 0 22px; max-width: 640px; }
.v2-kapak-dugmeler{ display:flex; flex-wrap:wrap; gap: 10px; }
.v2-dugme{ display:inline-flex; align-items:center; gap:8px; min-height: 46px; padding: 0 20px; border-radius: 999px;
  font: 700 15px/1 var(--v2-govde); text-decoration:none !important; transition: transform .18s ease, box-shadow .18s ease, background .18s; }
.v2-dugme:hover{ transform: translateY(-1px); }
.v2-dugme--altin{ background: linear-gradient(180deg, var(--v2-altin-acik), var(--v2-altin)); color: var(--v2-zumrut-900) !important; box-shadow: 0 8px 22px rgba(212,175,106,.35); }
.v2-dugme--cam{ background: rgba(255,255,255,.10); color:#fff !important; border:1px solid rgba(255,255,255,.35); backdrop-filter: blur(6px); }
.v2-dugme--wa{ background: #1fa855; color:#fff !important; }
.v2-istatistik{ display:flex; flex-wrap:wrap; gap: 8px 22px; margin-top: 22px; font-size: 14px; color: rgba(255,255,255,.80); }
.v2-istatistik b{ font: 700 20px/1 var(--v2-baslik); color: var(--v2-altin-acik); margin-right: 4px; }

/* ---------- Bloklar / kartlar ---------- */
.block-container{ background: #fffdf8 !important; border: 1px solid rgba(168,130,63,.22) !important; border-radius: var(--v2-yaricap) !important;
  box-shadow: var(--v2-golge); overflow: hidden; }
.block-header, .block-minorHeader{ background: transparent !important; color: var(--v2-zumrut-800) !important; font-size: 22px !important; font-weight: 600 !important;
  border-bottom: 1px solid rgba(168,130,63,.20) !important; padding: 14px 18px !important; }
.block-minorHeader{ font-size: 18px !important; }
.block-header::after{ content:""; display:block; width: 46px; height: 2px; background: var(--v2-altin); margin-top: 8px; border-radius: 2px; }

/* Kategori başlığına Higgsfield görsel şeridi */
.block--category .block-header{ position: relative; min-height: 120px; display:flex; flex-direction: column; justify-content: flex-end; color:#fff !important;
  background-size: cover !important; background-position: center !important; border: 0 !important; }
.block--category .block-header::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(11,31,25,.92) 0%, rgba(11,31,25,.55) 60%, rgba(11,31,25,.20) 100%); }
.block--category .block-header > *{ position: relative; }
.block--category .block-header a{ color:#fff !important; }
.block--category .block-header::after{ position: relative; }
.block--category1 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_havas_sm.webp') !important; }
.block--category210 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_danisma_sm.webp') !important; }
.block--category78 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_islam_sm.webp') !important; }
.block--category189 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_duyuru_sm.webp') !important; }
@media (min-width: 900px){
  .block--category1 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_havas_lg.webp') !important; }
  .block--category210 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_danisma_lg.webp') !important; }
  .block--category78 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_islam_lg.webp') !important; }
  .block--category189 .block-header{ background-image: url('/styles/sirrulhavas_v2/img/kat_duyuru_lg.webp') !important; }
}

/* Forum satırları */
.node{ border-top: 1px solid rgba(168,130,63,.14) !important; transition: background .15s; }
.node:hover{ background: rgba(212,175,106,.07) !important; }
.node-title{ font-size: 19px !important; font-weight: 600 !important; }
.node-title a{ color: var(--v2-zumrut-800) !important; }
.node-icon i, .node-icon .fa, .node-icon svg{ color: var(--v2-altin-koyu) !important; }
.node-stats dt{ color: rgba(42,34,23,.55); } .node-stats dd{ color: var(--v2-zumrut-700); font-weight: 600; }
.node-extra-title, .node-extra-title a{ color: var(--v2-murekkep) !important; }

/* Konu listesi */
.structItem{ border-top: 1px solid rgba(168,130,63,.14) !important; }
.structItem:hover{ background: rgba(212,175,106,.06) !important; }
.structItem-title a{ color: var(--v2-zumrut-800) !important; font-size: 18px; font-weight: 600; }

/* ---------- Mesaj (okuma deneyimi) ---------- */
.message{ border-radius: var(--v2-yaricap) !important; }
.message-inner{ background: #fffdf8 !important; }
.message-cell--user{ background: linear-gradient(180deg, var(--v2-parsomen-2), #fffdf8) !important; border-right: 1px solid rgba(168,130,63,.20) !important; }
.message-body .bbWrapper{ font-size: 17.5px; line-height: 1.85; color: var(--v2-murekkep); max-width: 76ch; }
.message-body .bbWrapper img{ border-radius: 10px; }
.bbCodeBlock--quote{ background: var(--v2-parsomen) !important; border-left: 3px solid var(--v2-altin) !important; border-radius: 8px; }
.p-title-value{ color: var(--v2-zumrut-900); font-size: clamp(26px, 3.4vw, 40px) !important; font-weight: 600 !important; line-height: 1.15; }

/* ---------- Düğmeler / formlar ---------- */
.button.button--cta, .button--primary{ background: var(--v2-zumrut-600) !important; border-color: var(--v2-zumrut-600) !important; color:#fff !important; border-radius: 999px !important; }
.button.button--cta:hover, .button--primary:hover{ background: var(--v2-zumrut-500) !important; }
.button{ border-radius: 999px !important; }
.input{ border-radius: 10px !important; border-color: rgba(168,130,63,.35) !important; }
.input:focus{ border-color: var(--v2-altin-koyu) !important; box-shadow: 0 0 0 3px rgba(212,175,106,.25) !important; }

/* ---------- Bildirimler: sade ---------- */
.notice{ border-radius: var(--v2-yaricap) !important; }
.notice--primary, .notice--accent{ background: var(--v2-zumrut-800) !important; color: var(--v2-parsomen) !important; }

/* ---------- Kenar çubuğu ---------- */
.p-body-sidebar .block-container{ background: #fffdf8 !important; }

/* ---------- Alt bilgi ---------- */
.p-footer{ background: var(--v2-zumrut-900) !important; color: rgba(246,239,224,.75) !important; border-top: 2px solid var(--v2-altin); }
.p-footer a{ color: var(--v2-altin-acik) !important; }

/* ---------- Sabit WhatsApp + Ara (tek, temiz) ---------- */
.v2-iletisim-sabit{ position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 60; display:flex; flex-direction: column; gap: 10px; }
.v2-iletisim-sabit a{ width: 56px; height: 56px; border-radius: 50%; display:grid; place-items:center; box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.v2-iletisim-sabit .wa{ background:#1fa855; } .v2-iletisim-sabit .ara{ background: var(--v2-zumrut-700); }
.v2-iletisim-sabit svg{ width: 26px; height: 26px; fill:#fff; }

/* ---------- Telefon: yatay taşma onarımı (v1'de 36 px taşıyordu) ---------- */
html, body{ overflow-x: hidden; }
.p-body-inner, .p-body-main, .p-body-content, .block, .block-container{ min-width: 0; max-width: 100%; }
.bbWrapper{ overflow-wrap: anywhere; }
.bbWrapper img, .bbWrapper iframe, .bbWrapper video, .bbWrapper table{ max-width: 100% !important; height: auto; }
.bbWrapper table{ display:block; overflow-x:auto; }
@media (max-width: 650px){
  .message-body .bbWrapper{ font-size: 16.5px; line-height: 1.75; }
  .block-header{ font-size: 20px !important; }
  .v2-kapak h1{ font-size: 34px !important; }
}

/* ---------- Hareketi azalt tercihi ---------- */
@media (prefers-reduced-motion: reduce){ *{ transition: none !important; animation: none !important; } }

/* ---------- v1 satış/hizmet blokları GİZLENİR (ONAY h3/h5/h9: satış yok, sonuç vaadi yok) ----------
   Eski tema (XGT Style V5) ana sayfada şunları basıyordu: header.menu_header (Kişiye Özel Vefk/Esma/Dua/Bakım-Teşhis),
   .musteriyorumlari (16 "mutlu danışan" yorumu), #vbulletin-paket (Satın Al paketleri), .duyuru-blok (bakım formu linki),
   eski WhatsApp açılır kutusu (xenbros) ve "ilahi ente maksudi" bildirim kutusu. Hepsi DOM'da kalır, yalnız görünmez. */
header.menu_header, .menu_header, section.top_separator, .musteriyorumlari, #vbulletin-paket, section.top#vbulletin-paket,
.price-item, .duyuru-blok, .xenbros_popup, .xenbros_popupchat_box, .HareketKat, .ApOval, .ApKare,
.notice[data-notice-id="18"], .notice[data-notice-id="28"]{ display: none !important; }

/* Çerez bandı: sade, alt orta, WhatsApp düğmelerinin altında kalmaz */
.notice--cookie{ background: var(--v2-zumrut-900) !important; color: var(--v2-parsomen) !important; border-top: 1px solid rgba(212,175,106,.35); }
.notice--cookie .button{ background: var(--v2-altin) !important; color: var(--v2-zumrut-900) !important; border: 0 !important; }
.u-bottomFixer{ z-index: 50; }

/* ---------- Öne çıkan konular (XGT slider) — v2 kart dili ---------- */
.XGT-OneCikan-govde{ background:#fffdf8 !important; border:1px solid rgba(168,130,63,.22) !important; border-radius: var(--v2-yaricap) !important; box-shadow: var(--v2-golge); }
.XGT-OneCikan-govde .block-header, .XGT-OneCikan-govde h3{ font-family: var(--v2-baslik) !important; color: var(--v2-zumrut-800) !important; }
.XGT-OneCikan-govde [class*=item], .XGT-OneCikan-govde .swiper-slide{ border-radius: 12px !important; overflow:hidden; }
.XGT-OneCikan-govde a.button, .XGT-OneCikan-govde .button{ background: var(--v2-zumrut-600) !important; color:#fff !important; border-radius: 999px !important; border:0 !important; }

/* ---------- Sayfa başlığı: kapakla tekrar etmesin (yalnız ana sayfa) ---------- */
.template-forum_list .p-body-header{ display:none !important; }

/* ---------- Kategori başlığı (ThemeHouse Nodes) — Higgsfield görsel şeritleri ---------- */
.thNodes__nodeList .block--category .block-header,
.block--category .block-header{ min-height: 140px; }
.block--category .block-header a, .block--category .block-header .node-title{ font: 600 clamp(22px,2.6vw,30px)/1.15 var(--v2-baslik) !important; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.block--category .block-desc{ color: rgba(255,255,255,.85) !important; position: relative; }

/* ---------- Kenar çubuğu giriş kutusu ---------- */
.p-body-sidebar .button--primary, .p-body-sidebar .button.button--cta{ background: var(--v2-zumrut-600) !important; }
.p-body-sidebar .formSubmitRow, .p-body-sidebar .block-footer{ background: transparent !important; }

/* KategoriHeader (XGT) — tema bu sınıfa kendi renk/gradyanını veriyor; v2 görseli öne alınır */
.block--category .block-header.KategoriHeader{ color:#fff !important; padding: 18px 22px !important; border-radius: var(--v2-yaricap) var(--v2-yaricap) 0 0 !important; }
.block--category .block-header.KategoriHeader *{ color:#fff !important; }
.block--category .block-header.KategoriHeader::after{ background: var(--v2-altin); }

/* ---------- Forum kutuları (ThemeHouse Nodes, arka plan fotoğraflı) → okunaklı v2 kart ----------
   Eski: başlık fotoğrafın üstünde, düşük kontrast. Yeni: fotoğraf sol tarafta yuvarlak köşeli küçük görsel,
   metin parşömen zemin üzerinde. Fotoğraflar silinmez, yalnız yerleşim değişir. */
.node.th_node--hasBackgroundImage > .node-body{ background-color:#fffdf8 !important; background-size: 132px 100% !important; background-position: left center !important;
  background-repeat:no-repeat !important; padding-left: 148px !important; min-height: 112px; border:1px solid rgba(168,130,63,.20); border-radius: 12px; overflow:hidden; position:relative; }
.node.th_node--hasBackgroundImage > .node-body::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:132px;
  background: linear-gradient(90deg, rgba(11,31,25,0) 60%, rgba(255,253,248,1) 100%); pointer-events:none; }
.node.th_node--hasBackgroundImage .node-icon{ display:none !important; }
.node.th_node--hasBackgroundImage .node-title a, .node.th_node--hasBackgroundImage .node-title{ color: var(--v2-zumrut-800) !important; text-shadow:none !important; }
.node.th_node--hasBackgroundImage .node-description, .node.th_node--hasBackgroundImage .node-meta,
.node.th_node--hasBackgroundImage .node-stats, .node.th_node--hasBackgroundImage .node-extra,
.node.th_node--hasBackgroundImage .node-subNodeMenu, .node.th_node--hasBackgroundImage .node-subNodeFlatList a{ color: rgba(42,34,23,.78) !important; text-shadow:none !important; }
.node.th_node--hasBackgroundImage .node-extra-row a, .node.th_node--hasBackgroundImage .node-extra-title{ color: var(--v2-zumrut-600) !important; }
.node.th_node--hasBackgroundImage .node-subNodeFlatList a:hover{ color: var(--v2-altin-koyu) !important; }
.th_node--overwriteTextStyling *{ text-shadow: none !important; }
@media (max-width: 650px){
  .node.th_node--hasBackgroundImage > .node-body{ background-size: 100% 110px !important; background-position: top center !important; padding-left: 14px !important; padding-top: 122px !important; }
  .node.th_node--hasBackgroundImage > .node-body::before{ width:100%; height:110px; bottom:auto; background: linear-gradient(180deg, rgba(11,31,25,0) 55%, rgba(255,253,248,1) 100%); }
}