/* ============================================================================
   hab_site_themes.css — Site temaları (hab_themes): Sosyotrend #1, Dijital At #3, Gizmo #4
   ----------------------------------------------------------------------------
   Eski hab_sosyotrend*.css / hab_gizmo.css (eksikti) yerine geçer. Yalnız themes_id>0 olan
   sitelerde, hab_theme.css'ten SONRA yüklenir. Tüm renkler hab_theme.css token'larından gelir:
     - gece/gündüz : <html data-theme>
     - marka rengi : <html data-accent>  (tema → renk eşlemesi hab_layout_html.php'de)
     - düzen farkı : <html class="hs-st hs-st--sosyo | hs-st--gizmo">
   Modül kartları (bigSlide, rows, bigPic, table, dikeySurmanset, gmSlide, bigPicContent)
   kendi CSS dosyalarında; burada sayfa iskeleti, başlıklar ve "Editör Seçimi" var.
   ========================================================================== */

/* ---- ortak modül token'ları ---- */
.hs-st{
  --st-gap: 24px;
  --st-radius: var(--hs-radius-lg);
  --st-shade: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.86) 100%);
  --st-card-shadow: 0 1px 2px var(--hs-shadow);
  --st-card-shadow-hover: 0 10px 28px var(--hs-shadow-lg);
}

/* ---- sayfa iskeleti ----
   Eski kural: .container{width:970px !important} (hab_style.css) temayı daraltıyordu. */
.hs-st .hs-body.is-home #orta-kapsa,
.hs-st body.is-home #orta-kapsa.container{
  width:100% !important; max-width:var(--hs-container) !important;
  margin-left:auto; margin-right:auto; padding:0 var(--hs-sp-4); box-sizing:border-box;
}
.hs-st .hs-body{ background:var(--hs-bg) !important; }

.hs-st .orta1.hs-st-grid{
  max-width:none; margin:var(--hs-sp-6) 0 0;
  display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:var(--hs-sp-6); align-items:start;
}
.hs-st .orta1.hs-st-grid--sol{ grid-template-columns:340px minmax(0,1fr); }
.hs-st .hs-st-grid--sol .hs-st-side{ order:-1; }
.hs-st .hs-st-main, .hs-st .hs-st-side{ min-width:0; display:flex; flex-direction:column; gap:var(--hs-sp-6); }
.hs-st .hs-st-side{ position:sticky; top:calc(var(--hs-header-h) + 16px); }
.hs-st .hs-st-grid > .clearfix,
.hs-st .hs-st-main > .clearfix{ display:none; }

/* modüller artık float değil, grid hücresini doldurur */
.hs-st .hs-st-grid .style-row,
.hs-st .hs-st-grid .style-bigPic,
.hs-st .hs-st-grid .style-table,
.hs-st .hs-st-grid .style-bigPicContent,
.hs-st .hs-st-grid .style-dikeySurmanset,
.hs-st .hs-st-grid .seckinler{
  width:auto !important; float:none !important; margin:0 !important; padding:0 !important;
  border:0 !important; background:transparent !important;
}

/* ---- bölüm başlığı (.block-title > h4 + .line) ---- */
.hs-st .block-title{ display:flex; align-items:center; gap:var(--hs-sp-3); margin:0 0 var(--hs-sp-4) !important; padding:0 !important; }
.hs-st .block-title h4{
  margin:0 !important; display:flex; align-items:center; gap:10px; white-space:nowrap;
  font:800 var(--hs-fs-lg)/1.2 var(--hs-font) !important; letter-spacing:-.01em;
  color:var(--hs-text) !important; text-transform:none;
}
.hs-st .block-title h4::before{
  content:""; width:6px; height:20px; border-radius:3px; background:var(--hs-accent); flex:none;
}
.hs-st .block-title .line{
  flex:1; height:1px !important; margin:0 !important; border:0 !important;
  background:var(--hs-border) !important;
}
/* başlıksız blok (table modülü): sadece ince ayraç */
.hs-st .style-table .block-title{ margin-bottom:var(--hs-sp-3) !important; }

/* ---- Editör Seçimi (hab_home_seckinler) ---- */
.hs-st .seckinler_list{ display:flex; flex-direction:column; gap:var(--hs-sp-3); }
.hs-st .seckinler_list .seckin_haber{
  width:auto !important; float:none !important; margin:0 !important;
  background:var(--hs-surface) !important; border:1px solid var(--hs-border);
  border-radius:var(--hs-radius) !important; box-shadow:none !important; overflow:hidden;
  transition:border-color var(--hs-transition), transform var(--hs-transition);
}
.hs-st .seckinler_list .seckin_haber:hover{ border-color:var(--hs-border-strong); transform:translateY(-1px); }
.hs-st .seckinler_list .seckin_haber > div{ display:flex; gap:var(--hs-sp-3); align-items:center; padding:10px; }
.hs-st .seckinler_list .seckin-img{
  flex:0 0 96px; height:68px; border-radius:var(--hs-radius-sm); overflow:hidden; display:block;
  background:var(--hs-surface-2);
}
.hs-st .seckinler_list .seckin-img img{ width:100% !important; height:100% !important; object-fit:cover; display:block; }
.hs-st .seckinler_list .seckin_haber span{ padding:0 !important; display:block; min-width:0; }
.hs-st .seckinler_list .seckin_haber span a{
  color:var(--hs-text) !important; font-weight:700; font-size:var(--hs-fs-sm); line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.hs-st .seckinler_list .seckin_haber:hover span a{ color:var(--hs-accent) !important; }

/* ---- duyarlı ---- */
@media (max-width:1100px){
  .hs-st .orta1.hs-st-grid{ grid-template-columns:minmax(0,1fr) 300px; }
  .hs-st .orta1.hs-st-grid--sol{ grid-template-columns:300px minmax(0,1fr); }
}
@media (max-width:900px){
  .hs-st .orta1.hs-st-grid, .hs-st .orta1.hs-st-grid--sol{ grid-template-columns:minmax(0,1fr); gap:var(--hs-sp-6); }
  .hs-st .hs-st-side{ position:static; }
  .hs-st .hs-st-grid--sol .hs-st-side{ order:0; }
  .hs-st .seckinler_list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  .hs-st .orta1.hs-st-grid{ margin-top:var(--hs-sp-5); }
  .hs-st .seckinler_list{ grid-template-columns:minmax(0,1fr); }
  .hs-st .block-title h4{ font-size:var(--hs-fs-base) !important; }
}

/* ---- Sosyo/Dijital At: gündüzde marka renkli başlık şeridi ----
   Eski temalarda header marka renginde (yeşil/kırmızı gradyan) idi ve logolar BEYAZ çizildi;
   beyaz başlıkta logo kayboluyordu. Gece modunda nötr koyu başlık kalır (beyaz logo zaten okunur). */
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header{
  background:linear-gradient(90deg, var(--hs-accent-hover), var(--hs-accent));
  border-bottom-color:transparent; box-shadow:0 2px 14px var(--hs-shadow);
}
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-nav a{ color:rgba(255,255,255,.9); }
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-nav a:hover,
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-nav a.is-active{ color:#fff; background:rgba(255,255,255,.16); }
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-brand-name{ color:#fff; }
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-brand-mark{ background:#fff; color:var(--hs-accent-hover); }
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-menu-btn{
  background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.4); color:#fff;
}
html.hs-st--sosyo:not([data-theme="dark"]) .hs-header .hs-menu-btn:hover{ background:rgba(255,255,255,.24); }

/* footer kapsayıcısı (.container.footer-conteiner) eski 970px kuralına takılmasın */
.hs-st .footer-conteiner.container{ width:100% !important; max-width:none !important; padding:0 !important; }

/* mobil logo (kare ikon) köşeleri yumuşasın */
@media (max-width:600px){
  .hs-st .hs-logo--md, .hs-st .hs-logo--mn{ padding:0 !important; height:38px; border-radius:10px; }
}

/* ---- düzen varyantları (hab_themes.php: yan sütunsuz / dar) ---- */
.hs-st .orta1.hs-st-grid--tek{ grid-template-columns:minmax(0,1fr); }
.hs-st .orta1.hs-st-grid--dar{ max-width:760px; margin-left:auto; margin-right:auto; }

/* ---- Gazete (#5): gazete hissi — serif başlıklar, ince çizgiler ---- */
.hs-st--gazete .block-title h4,
.hs-st--gazete .style-cards .item-content h3,
.hs-st--gazete .style-table .item-content .item-text h3,
.hs-st--gazete .style-gmSlide .haber-item h3 .baslik{ font-family:var(--hs-serif) !important; letter-spacing:0; }
.hs-st--gazete .block-title h4{ text-transform:uppercase; font-size:var(--hs-fs-base) !important; letter-spacing:.08em; }
.hs-st--gazete .block-title .line{ height:2px !important; background:var(--hs-text) !important; opacity:.85; }
.hs-st--gazete .style-cards .haber-item{ border-radius:var(--hs-radius-sm); }

/* ---- Viral (#6): büyük görseller, sıkı ızgara ---- */
.hs-st--viral .style-cards .haber-item{ border:0; background:transparent; border-radius:var(--hs-radius-lg); }
.hs-st--viral .style-cards .item-image-box{ border-radius:var(--hs-radius-lg); }
.hs-st--viral .style-cards .item-content{ padding:10px 2px 0; }
.hs-st--viral .style-cards .haber-item:hover{ box-shadow:none; }
.hs-st--viral .orta1.hs-st-grid{ margin-top:var(--hs-sp-5); }

/* ---- Minimal (#7): tek sütun, okuma odaklı, serif başlık ---- */
.hs-st--minimal .style-bigPicContent .haber-item{ border:0; border-bottom:1px solid var(--hs-border); border-radius:0;
  background:transparent; padding:0 0 var(--hs-sp-6); }
.hs-st--minimal .style-bigPicContent .haber-item:hover{ box-shadow:none; }
.hs-st--minimal .style-bigPicContent h3{ font-family:var(--hs-serif); font-size:clamp(24px, 3vw, 32px); letter-spacing:-.01em; }
.hs-st--minimal .style-bigPicContent .item-content .item-info{ border-top:0; padding-top:0; }
.hs-st--minimal .style-bigPicContent .item-content .item-text span{ font-size:var(--hs-fs-lg); line-height:1.7; }