@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Zilla+Slab:ital,wght@0,600;0,700;1,600&family=Space+Mono&display=swap');

body { font-family: 'Outfit', sans-serif; }
.forumtitle a { font-family: 'Zilla Slab', serif; }

/* ---- Hamolyoz Radyo Barı ---- */
.hamolyoz-radio-topbar {
  width: 100%;
  background: #2C3E50;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 24px;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-family: 'Outfit', sans-serif;
}
.hamolyoz-radio-brand { display: flex; align-items: center; gap: 10px; font-family: 'Zilla Slab', serif; font-weight: 700; font-size: .95rem; white-space: nowrap; }
.hamolyoz-radio-dot {
  width: 9px; height: 9px; border-radius: 50%; background: #F39C12; display: inline-block;
  box-shadow: 0 0 0 0 rgba(243,156,18,.7);
  animation: hamolyozPulse 1.5s infinite;
}
@keyframes hamolyozPulse {
  0% { box-shadow: 0 0 0 0 rgba(243,156,18,.7); }
  70% { box-shadow: 0 0 0 7px rgba(243,156,18,0); }
  100% { box-shadow: 0 0 0 0 rgba(243,156,18,0); }
}
.hamolyoz-radio-btn {
  width: 30px; height: 30px; border-radius: 50%; border: none; background: #F39C12;
  color: #1A252F; font-size: .8rem; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.hamolyoz-radio-status { font-family: 'Space Mono', monospace; font-size: .75rem; opacity: .8; white-space: nowrap; }
.hamolyoz-radio-marquee { overflow: hidden; white-space: nowrap; flex: 1; min-width: 80px; }
.hamolyoz-radio-marquee > div { display: inline-block; padding-left: 100%; font-family: 'Space Mono', monospace; font-size: .8rem; color: #F39C12; animation: hamolyozMarquee 14s linear infinite; }
@keyframes hamolyozMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
.hamolyoz-radio-back { margin-left: auto; color: #fff; opacity: .8; text-decoration: underline; font-size: .8rem; white-space: nowrap; }
@media (max-width: 700px) { .hamolyoz-radio-topbar { justify-content: center; } .hamolyoz-radio-back { margin-left: 0; } }

/* ---- Hamolyoz Sol Menü ---- */
.hamolyoz-content-row { display: flex; align-items: flex-start; width: 100%; }
.hamolyoz-yayla-panel {
  width: 240px; min-width: 240px; background: #2A4D3E; color: #fff; padding: 30px 24px;
  box-sizing: border-box; min-height: 100vh;
}
.hamolyoz-yayla-panel h2 { font-family: 'Zilla Slab', serif; font-size: 1.6rem; margin-bottom: 6px; }
.hamolyoz-yayla-panel p { font-size: .8rem; opacity: .8; margin-bottom: 30px; line-height: 1.4; }
.hamolyoz-nav a {
  display: block; color: #fff; text-decoration: none; font-family: 'Outfit', sans-serif;
  font-size: 1rem; opacity: .65; margin-bottom: 14px; transition: .2s;
}
.hamolyoz-nav a:hover, .hamolyoz-nav a.active { opacity: 1; transform: translateX(6px); }
.hamolyoz-deniz-panel { flex: 1; min-width: 0; }
@media (max-width: 900px) {
  .hamolyoz-content-row { flex-direction: column; }
  .hamolyoz-yayla-panel { width: 100%; min-height: auto; }
}

/* ---- Genişlik ve başlık tutarlılığı (Laravel ile birebir) ---- */
.hamolyoz-yayla-panel {
  width: 260px !important; min-width: 260px !important;
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
}
.hamolyoz-deniz-panel { flex: 1; min-width: 0; }
.hamolyoz-yayla-panel h2 { color: #fff !important; }
h1, h2, h3, .catbg, .titlebg { font-family: 'Zilla Slab', serif !important; }
@media (max-width: 900px) {
  .hamolyoz-yayla-panel { position: static; height: auto; }
}