/* ============================================================
   HABER7 GENEL İÇ SAYFA STİLLERİ
   Bootstrap tabanlı iç sayfaları (galeri, video, makale, yazar,
   biyografi, firma, ilan, arama, statik) haber7 görsel diline getirir.
   Scoped: .panel-page ve içerik konteynerleri — header/footer'a dokunmaz.
   ============================================================ */

:root{
  --h7-kirmizi:#e30613;
  --h7-kirmizi-koyu:#b50410;
  --h7-lacivert:#0b2a4a;
  --h7-metin:#141414;
  --h7-soluk:#7a828b;
  --h7-sinir:#e6e8eb;
  --h7-arka:#f0f1f3;
}

/* --- İçerik sayfası konteyneri --- */
.panel-page{
  background:#fff;
  border:1px solid var(--h7-sinir);
  border-radius:10px;
  box-shadow:none;
  margin-bottom:24px;
  overflow:hidden;
}
.panel-page .panel-heading{
  background:#fff;
  border-bottom:3px solid var(--h7-kirmizi);
  padding:16px 20px;
  border-radius:0;
}
.panel-page .panel-title,
.panel-page .panel-heading h1,
.panel-page .panel-heading h2{
  font-size:20px;
  font-weight:800;
  color:var(--h7-metin);
  text-transform:uppercase;
  margin:0;
  letter-spacing:.01em;
}
.panel-page .panel-body{padding:20px}

/* --- Sayfa başlığı şeridi --- */
.page-header{
  border-bottom:1px solid var(--h7-sinir);
  margin:0 0 18px;
  padding:14px 0 0;
}
.page-header h1,.page-header h2{
  font-size:clamp(22px,3vw,30px);
  font-weight:800;
  color:var(--h7-metin);
  text-transform:uppercase;
}

/* --- Butonlar --- */
.btn-danger{background:var(--h7-kirmizi);border-color:var(--h7-kirmizi)}
.btn-danger:hover,.btn-danger:focus{background:var(--h7-kirmizi-koyu);border-color:var(--h7-kirmizi-koyu)}
.btn-circle{border-radius:50%}

/* --- İçerik tipografisi (makale, biyografi, röportaj, statik) --- */
.panel-page .panel-body,
.panel-page .text,
.panel-page article{
  font-size:16.5px;
  line-height:1.78;
  color:#22282e;
}
.panel-page .panel-body p{margin:0 0 16px}
.panel-page h2,.panel-page h3{font-weight:700;line-height:1.3;margin:22px 0 10px}
.panel-page a{color:var(--h7-lacivert);text-decoration:none}
.panel-page a:hover{color:var(--h7-kirmizi)}
.panel-page img{max-width:100%;height:auto;border-radius:6px}

/* --- Galeri / foto ızgarası --- */
#galeri .row,#galeri-detay .row{margin-left:-8px;margin-right:-8px}
#galeri [class*="col-"],#galeri-detay [class*="col-"]{padding-left:8px;padding-right:8px;margin-bottom:16px}
#galeri .thumbnail,#galeri-detay .thumbnail,
.gallery-item,.foto-item{
  border:1px solid var(--h7-sinir);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
  transition:transform .2s,box-shadow .2s;
  padding:0;
}
#galeri .thumbnail:hover,.gallery-item:hover,.foto-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(15,30,55,.12);
}
#galeri .thumbnail img,.gallery-item img,.foto-item img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
}
#galeri .caption,.gallery-item .caption{padding:12px 14px}
#galeri .caption h3,#galeri .caption h4{font-size:15px;font-weight:700;line-height:1.32;margin:0}

/* --- Video ızgarası --- */
.video-item,.webtv-item{
  border:1px solid var(--h7-sinir);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  transition:transform .2s,box-shadow .2s;
}
.video-item:hover,.webtv-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,30,55,.12)}
.video-item .thumb,.webtv-item .thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-item .thumb img,.webtv-item .thumb img{width:100%;height:100%;object-fit:cover}
.video-item .thumb::after{content:"\f04b";font-family:FontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;line-height:48px;text-align:center;background:rgba(227,6,19,.9);color:#fff;border-radius:50%;font-size:18px}

/* --- Yazar / editör profili --- */
.yazar-profil,.author-box,.editor-box{
  background:#fff;border:1px solid var(--h7-sinir);border-radius:10px;
  padding:20px;display:flex;gap:16px;align-items:center;margin-bottom:20px;
}
.yazar-profil img,.author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover}
.yazar-profil h1,.yazar-profil h2{font-size:22px;font-weight:800;margin:0 0 4px}

/* --- Listeler (kategori dışı haber listeleri, arama sonuçları) --- */
.haber-liste-item,.search-result-item{
  display:grid;grid-template-columns:180px 1fr;gap:16px;
  padding:14px 0;border-bottom:1px solid var(--h7-sinir);align-items:start;
}
.haber-liste-item img,.search-result-item img{width:180px;height:108px;object-fit:cover;border-radius:8px}
.haber-liste-item h3,.search-result-item h3{font-size:17px;font-weight:700;line-height:1.3;margin:0 0 6px}
.haber-liste-item h3 a,.search-result-item h3 a{color:var(--h7-metin)}
.haber-liste-item h3 a:hover,.search-result-item h3 a:hover{color:var(--h7-kirmizi)}
.haber-liste-item p,.search-result-item p{font-size:14px;color:var(--h7-soluk);line-height:1.55;margin:0}

/* --- Sayfalama --- */
.pagination>li>a,.pagination>li>span{color:var(--h7-metin);border-color:var(--h7-sinir)}
.pagination>.active>a,.pagination>li>a:hover{background:var(--h7-kirmizi);border-color:var(--h7-kirmizi);color:#fff}

/* --- Breadcrumb --- */
.breadcrumb{background:transparent;padding:8px 0;font-size:12.5px;text-transform:uppercase;font-weight:600}
.breadcrumb>li>a{color:var(--h7-kirmizi)}

/* --- Responsive --- */
@media(max-width:560px){
  .haber-liste-item,.search-result-item{grid-template-columns:120px 1fr;gap:11px}
  .haber-liste-item img,.search-result-item img{width:120px;height:80px}
  .haber-liste-item p,.search-result-item p{display:none}
}

/* ============================================================
   HEADER — HABER7 TAM DÖNÜŞÜM
   ============================================================ */
.fix-hv-header{background:#fff;font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.fix-hv-header .container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}

/* 1. Üst piyasa bandı — açık, ince */
.fix-market-strip{background:#f4f5f7;border-bottom:1px solid var(--h7-sinir)}
.fix-market-strip .container{display:flex;align-items:center;justify-content:space-between;min-height:38px;flex-wrap:wrap}
.fix-market-ticker{display:flex;gap:22px;flex-wrap:wrap}
.fix-market-ticker a{display:flex;gap:6px;font-size:12.5px;color:#444;text-decoration:none;align-items:center}
.fix-market-ticker a span{color:var(--h7-soluk);font-weight:600;text-transform:uppercase;font-size:11px}
.fix-market-ticker a strong{color:var(--h7-metin);font-weight:700}
.fix-weather-mini{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#444;text-decoration:none}
.fix-weather-mini .fa{color:var(--h7-kirmizi)}

/* 2. Son dakika — beyaz arka, kırmızı kutu */
.fix-breaking-strip{background:#fff;border-bottom:1px solid var(--h7-sinir)}
.fix-breaking-strip .container{display:flex;align-items:center;gap:14px;min-height:46px;overflow:hidden}
.fix-breaking-strip>.container>strong{background:var(--h7-kirmizi);color:#fff;font-size:12px;font-weight:800;padding:7px 14px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border-radius:3px;position:relative}
.fix-breaking-strip>.container>strong::before{content:"●";margin-right:6px;animation:h7blink 1s infinite}
@keyframes h7blink{50%{opacity:.3}}
.fix-breaking-list{flex:1;overflow:hidden;white-space:nowrap}
.fix-breaking-list a{font-size:14px;color:var(--h7-metin);text-decoration:none;font-weight:600}
.fix-breaking-list a:not(.is-active){display:none}
.fix-breaking-list a:hover{color:var(--h7-kirmizi)}
.fix-breaking-all{font-size:12px;color:var(--h7-kirmizi);text-decoration:none;font-weight:700;white-space:nowrap;flex-shrink:0;border:1px solid var(--h7-kirmizi);padding:4px 12px;border-radius:14px}

/* 3. Logo + arama satırı */
.fix-brand-row{background:#fff;padding:16px 0}
.fix-brand-row .container{display:flex;align-items:center;gap:24px}
.fix-logo{margin:0}
.fix-logo img{height:54px;width:auto;display:block;max-width:none}
.fix-brand-row .fix-icon-button.js-btn-mobilenav{display:none}
.fix-search{flex:1;max-width:520px;position:relative;display:flex}
.fix-search input{width:100%;border:2px solid var(--h7-sinir);border-radius:22px;padding:10px 48px 10px 18px;font-size:14px;outline:none;background:#fff;color:var(--h7-metin)}
.fix-search input:focus{border-color:var(--h7-kirmizi)}
.fix-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--h7-kirmizi);color:#fff;border:0;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fix-header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.fix-header-actions>a:not(.fix-social){font-size:13px;font-weight:600;color:var(--h7-metin);text-decoration:none;padding:7px 15px;border:1px solid var(--h7-sinir);border-radius:18px;white-space:nowrap}
.fix-header-actions>a:not(.fix-social):hover{background:var(--h7-kirmizi);color:#fff;border-color:var(--h7-kirmizi)}
.fix-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f4f5f7;color:#444 !important;font-size:13px;text-decoration:none}
.fix-social:hover{background:var(--h7-kirmizi);color:#fff !important}

/* 4. Ana menü — koyu lacivert bar (haber7 imzası) */
.fix-nav-row{background:#0a2540}
.fix-nav-row .container{display:flex;align-items:center;justify-content:space-between}
.fix-main-nav{display:flex;flex-wrap:wrap}
.fix-main-nav a{display:block;padding:13px 15px;color:#fff !important;font-size:13.5px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.01em;transition:background .15s}
.fix-main-nav a:hover,.fix-main-nav a.is-active{background:var(--h7-kirmizi);color:#fff !important}
.fix-nav-row .fix-menu-button{display:none;background:none;border:0;color:#fff;align-items:center;gap:7px;font-weight:600;cursor:pointer}

/* Genel sayfa arka planı */
body,.fix-hv-app{background:#f0f1f3}

@media(max-width:880px){
  .fix-brand-row .fix-icon-button.js-btn-mobilenav{display:inline-flex;background:none;border:0;font-size:22px;color:var(--h7-metin);cursor:pointer}
  .fix-nav-row{display:none}
  .fix-search{order:3;max-width:none;flex-basis:100%}
  .fix-brand-row .container{flex-wrap:wrap}
  .fix-logo{margin-right:auto}
}

/* Anasayfa: manşet sağındaki boş hava/piyasa widget kutularını gizle (haber7'de yok) */
.fix-rail-widgets{display:none !important}
/* Boş ad/reklam alanlarını gizle */
.fix-detail-ad:empty,.tb-block:empty{display:none !important}

/* Manşet bölgesindeki boş API widget'larını gizle (hava/piyasa/namaz/futbol) */
.fix-hero-grid .fix-widget-card,
.fix-hero-section .fix-rail-widgets,
.fix-hero-grid .fix-rail-head{display:none !important}
/* Manşet sağ kolonu: agenda paneli düzgün görünsün */
.fix-hero-grid .fix-agenda-panel{margin-bottom:0}