/* ============ SIRRULHAVAS FORUM v4 (6 Eki 2026) ============
   Hizmet kartları · kayan danışan yorumları · çalışma sütunları · sözleşme şeridi
   Bölüm kartları: Higgsfield görsel (TH Nodes) + parallax/ışık süpürmesi · kategori başlıkları görselli
   Konu listesi / mesaj / sayfa başlığı rötuşları · prefers-reduced-motion saygılı */

/* ---- hizmet kartları ---- */
.v4-hizmet{margin:0 0 26px;padding:clamp(22px,3vw,36px);border-radius:24px;background:linear-gradient(160deg,#0f2a22,#0b1f19);color:#efe5cf;position:relative;overflow:hidden}
.v4-hizmet::before{content:"";position:absolute;inset:-40% -20% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,106,.22),transparent 65%);animation:v4yuz 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes v4yuz{to{transform:translate(-160px,120px)}}
.v4-hizmet .v3-ust{color:#ead2a0}.v4-hizmet h2{color:#fff}.v4-hizmet .v3-ok{color:#ead2a0}
.v4-hz-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.v4-hz{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,106,.25);text-decoration:none!important;color:#efe5cf!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.v4-hz:hover{transform:translateY(-6px);border-color:#d4af6a}
.v4-hz-g{aspect-ratio:16/10;overflow:hidden;display:block}
.v4-hz-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.v4-hz:hover .v4-hz-g img{transform:scale(1.08)}
.v4-hz-ic{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.v4-hz-ic b{font:600 21px/1.15 'Cormorant Garamond',serif;color:#fff}
.v4-hz-ic small{font-size:14px;line-height:1.5;color:rgba(239,229,207,.78)}
.v4-hz-ic em{font-style:normal;font-weight:700;font-size:13.5px;color:#d4af6a;margin-top:4px}

/* ---- yorumlar (sonsuz kayan) ---- */
.v4-yorum{margin:0 0 26px;padding:clamp(22px,3vw,36px) 0;border-radius:24px;overflow:hidden;background:radial-gradient(80% 70% at 50% 0%,rgba(212,175,106,.16),transparent 70%),#f7f1e3;color:#2a2217}
.v4-yorum .v3-bas{padding:0 clamp(18px,3vw,36px)}
.v4-yorum .v3-bas a{color:#1b4a3b;font-weight:700}
.v4-yr-serit{display:flex;width:max-content;gap:18px;padding:6px 0 4px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.v4-yr-akis{display:flex;gap:18px;animation:v4ak 90s linear infinite}
.v4-yr-serit:hover .v4-yr-akis{animation-play-state:paused}
@keyframes v4ak{to{transform:translateX(calc(-100% - 18px))}}
.v4-yr{flex:none;width:clamp(270px,30vw,400px);margin:0;padding:22px 22px 18px;border-radius:20px;background:#fffdf7;border:1px solid rgba(42,34,23,.1);box-shadow:0 18px 40px -24px rgba(11,31,25,.45);display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative}
.v4-yr::before{content:"”";position:absolute;right:16px;top:-6px;font:600 84px/1 'Cormorant Garamond',serif;color:rgba(212,175,106,.35)}
.v4-yr blockquote{margin:0;font:500 italic 18.5px/1.5 'Cormorant Garamond',serif;color:#2a2217}
.v4-yr figcaption{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9a7536;font-weight:700}
.v4-yr-av{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,#1b4a3b,#0b1f19);color:#ead2a0;font:600 16px/1 'Cormorant Garamond',serif}

/* ---- çalışma sütunları ---- */
.v4-cal{margin:0 0 26px;padding:clamp(22px,3vw,36px);border-radius:24px;background:#fffdf8;border:1px solid rgba(168,130,63,.22)}
.v4-cal-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v4-cal-s{padding:18px 18px 10px;border-radius:18px;background:linear-gradient(180deg,#f7f1e3,#fffdf8);border:1px solid rgba(168,130,63,.18)}
.v4-cal-s h3{font:600 22px/1.15 'Cormorant Garamond',serif!important;margin:0 0 10px;color:#0b1f19;display:flex;align-items:center;gap:10px}
.v4-cal-s h3::before{content:"";width:12px;height:12px;border:2px solid #9a7536;transform:rotate(45deg);border-radius:2px;flex:none}
.v4-cal-s ul{list-style:none;margin:0;padding:0}
.v4-cal-s li a{display:flex;justify-content:space-between;gap:10px;padding:9px 4px;border-top:1px solid rgba(168,130,63,.14);color:#1b4a3b!important;text-decoration:none!important;font-weight:600;font-size:15px;transition:padding .25s,color .25s}
.v4-cal-s li a::after{content:"→";color:#9a7536;opacity:0;transition:opacity .25s}
.v4-cal-s li a:hover{padding-left:10px;color:#9a7536!important}
.v4-cal-s li a:hover::after{opacity:1}
.v4-sozlesme{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:#0b1f19;color:#efe5cf}
.v4-sozlesme>div{flex:1;min-width:220px;display:flex;flex-direction:column}
.v4-sozlesme b{color:#ead2a0}.v4-sozlesme span{font-size:14px;opacity:.8}

/* ---- BÖLÜM KARTLARI (TH Nodes arka plan → Higgsfield) — v4: görsel üstte tam genişlik, metin altta ---- */
.node.th_node--hasBackgroundImage > .node-body{display:flex!important;flex-direction:column!important;padding:150px 0 0 0!important;min-height:0!important;
  background-size:100% 150px!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#fffdf8!important;
  border-radius:18px!important;overflow:hidden;position:relative;box-shadow:0 16px 36px -26px rgba(11,31,25,.55);transition:background-size .9s cubic-bezier(.2,.7,.2,1),box-shadow .35s,transform .35s}
.node.th_node--hasBackgroundImage > .node-body::before{content:"";position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:auto!important;width:100%!important;height:150px!important;
  background:linear-gradient(180deg,rgba(11,31,25,0) 45%,rgba(11,31,25,.55) 100%)!important;pointer-events:none}
.node.th_node--hasBackgroundImage > .node-body::after{content:"";position:absolute;left:0;top:0;width:100%;height:150px;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.42) 50%,transparent 65%);transform:translateX(-110%);transition:transform 1.1s;pointer-events:none}
.node.th_node--hasBackgroundImage:hover > .node-body{background-size:108% 162px!important;box-shadow:0 26px 50px -26px rgba(11,31,25,.65);transform:translateY(-3px)}
.node.th_node--hasBackgroundImage:hover > .node-body::after{transform:translateX(110%)}
.node.th_node--hasBackgroundImage > .node-body > *{width:100%!important;max-width:100%!important;flex:0 0 auto!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box}
.node.th_node--hasBackgroundImage .node-main{padding-top:14px!important}
.node.th_node--hasBackgroundImage .node-title,.node.th_node--hasBackgroundImage .node-title a{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:23px!important;font-weight:600!important;line-height:1.2!important;padding-left:0!important}
.node.th_node--hasBackgroundImage .node-stats,.node.th_node--hasBackgroundImage .node-extra{padding-bottom:14px!important;border-top:1px solid rgba(168,130,63,.12)}
.node.th_node--hasBackgroundImage .node-subNodesFlat,.node.th_node--hasBackgroundImage .node-subNodeFlatList{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px!important}
.node.th_node--hasBackgroundImage .node-subNodeFlatList > li{margin:0!important}
.node.th_node--hasBackgroundImage .node-subNodeFlatList a{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f3ead6;font-size:13px;font-weight:600}
.node.th_node--hasBackgroundImage .node-subNodeFlatList a .fa,.node.th_node--hasBackgroundImage .node-subNodeFlatList a i{display:none}
.node-title a{position:relative}
.node-title a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:#d4af6a;transition:width .35s}
.node:hover .node-title a::after{width:100%}
/* kategori başlıkları: görsel bant */
.block--category .block-header{position:relative;overflow:hidden;min-height:96px;display:flex!important;align-items:flex-end;background:#0b1f19 var(--v4-kat,none) center/cover no-repeat!important;padding:18px 22px!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) 55%,rgba(11,31,25,.15) 100%)}
.block--category .block-header>*{position:relative}
.block--category.block--category1 .block-header{--v4-kat:url('/styles/sirrulhavas_v2/v4/bolum/c1-1280.webp')}
.block--category.block--category210 .block-header{--v4-kat:url('/styles/sirrulhavas_v2/v4/bolum/c210-1280.webp')}
.block--category.block--category78 .block-header{--v4-kat:url('/styles/sirrulhavas_v2/v4/bolum/c78-1280.webp')}
.block--category.block--category189 .block-header{--v4-kat:url('/styles/sirrulhavas_v2/v4/bolum/c189-1280.webp')}
.block--category .block-header{animation:v4bant 22s ease-in-out infinite alternate}
@keyframes v4bant{from{background-position:50% 40%}to{background-position:50% 60%}}

/* ---- konu listesi / mesaj / sayfa başlığı ---- */
.structItem{transition:background .2s,transform .2s}
.structItem:hover{transform:translateX(3px)}
.structItem-title a{background:linear-gradient(#d4af6a,#d4af6a) 0 100%/0 2px no-repeat;transition:background-size .35s}
.structItem:hover .structItem-title a{background-size:100% 2px}
.p-title-value{font:600 clamp(26px,3vw,40px)/1.1 'Cormorant Garamond',serif!important;color:#0b1f19}
.message--post{box-shadow:0 18px 40px -30px rgba(11,31,25,.5);border:1px solid rgba(168,130,63,.18)!important}
.message-cell--user .message-avatar img{border-radius:50%!important;box-shadow:0 0 0 3px #fffdf8,0 0 0 4px rgba(212,175,106,.7)}
.bbWrapper blockquote,.bbCodeBlock--quote{border-left:3px solid #d4af6a!important;background:#f7f1e3!important;border-radius:0 12px 12px 0}

/* ---- giriş (yükleme) animasyonu ---- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .v4-hz,.v4-cal-s,.v3-pk,.node,.structItem{animation:v4gor linear both;animation-timeline:view();animation-range:entry 5% cover 25%}
  }
}
@keyframes v4gor{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

@media (max-width:1024px){.v4-hz-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-cal-izgara{grid-template-columns:minmax(0,1fr)}}
@media (max-width:650px){
  .v4-hz-izgara{grid-template-columns:minmax(0,1fr)}.v4-yr{width:82vw}
  .node.th_node--hasBackgroundImage > .node-body{padding-top:130px!important;background-size:100% 130px!important}
  .node.th_node--hasBackgroundImage > .node-body::before,.node.th_node--hasBackgroundImage > .node-body::after{height:130px!important}
  .block--category .block-header{min-height:84px}
}
@media (prefers-reduced-motion:reduce){.v4-yr-akis{animation:none}.v4-yr-akis[aria-hidden]{display:none}.v4-yr-serit{width:auto;overflow-x:auto}.v4-hizmet::before,.block--category .block-header{animation:none}}