/* MaziFM esintili açık radyo/içerik portalı görünümü */
:root{
  --mz-primary:#8b2cff;
  --mz-secondary:#ff3d81;
  --mz-accent:#18b7a0;
  --mz-ink:#1b1d2a;
  --mz-muted:#72778a;
  --mz-bg:#f6f7fb;
  --mz-card:#ffffff;
  --mz-border:#eceef5;
  --mz-radius:18px;
}
html,body{background:var(--mz-bg)!important;color:var(--mz-ink)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Üst menü */
body>nav,
body nav.bg-white{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mz-border);box-shadow:0 5px 24px rgba(31,35,52,.06)!important;backdrop-filter:blur(12px)}
body nav .max-w-7xl{max-width:1240px}
body nav a[href="/"]{color:var(--mz-primary)!important}
body nav .text-blue-600{color:var(--mz-primary)!important}
body nav .border-b-2:hover{border-color:var(--mz-secondary)!important;color:var(--mz-primary)!important}
body nav .dark\:text-gray-300{color:#5d6272!important}
body nav img{object-fit:contain;max-height:46px}

/* Sayfa genişliği */
main,.container{max-width:1240px}

/* Ana içerik başlığı */
.home-modular-section-head{max-width:1240px;margin:28px auto 16px;padding:0 18px;display:flex;align-items:flex-end;justify-content:space-between}
.home-modular-section-head>div{position:relative;padding-left:15px}
.home-modular-section-head>div:before{content:"";position:absolute;left:0;top:3px;width:4px;height:38px;border-radius:8px;background:linear-gradient(180deg,var(--mz-primary),var(--mz-secondary))}
.home-section-kicker{color:var(--mz-secondary)!important;font-size:10px;letter-spacing:.14em}
.home-modular-section-head h2{color:var(--mz-ink)!important;font-size:25px!important;letter-spacing:-.025em}
.home-modular-section-head p{color:var(--mz-muted)!important}

/* Manşet */
#headline-slider{border-radius:22px!important;box-shadow:0 12px 36px rgba(35,38,58,.10)!important;border:1px solid var(--mz-border)}
#headline-slider .bg-blue-600{background:linear-gradient(135deg,var(--mz-primary),var(--mz-secondary))!important}
#headline-slider a:hover{color:#fff!important}

/* Makale kartları */
article,.article-card,.post-card,.top-article-card{border-radius:var(--mz-radius)!important;border:1px solid var(--mz-border)!important;box-shadow:0 8px 26px rgba(30,34,50,.055)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
article:hover,.article-card:hover,.post-card:hover,.top-article-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,34,50,.10)!important;border-color:#dedff0!important}
article img,.article-card img,.post-card img{transition:transform .35s ease}
article:hover img,.article-card:hover img,.post-card:hover img{transform:scale(1.025)}

/* Renkli etiketler */
.bg-blue-600{background:linear-gradient(135deg,var(--mz-primary),#a846ff)!important}
.text-blue-600,.text-blue-500{color:var(--mz-primary)!important}
.hover\:text-blue-600:hover{color:var(--mz-secondary)!important}

/* Arama/kategori kutuları */
input,select,textarea{border-color:var(--mz-border)!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{border-color:#bd91ff!important;box-shadow:0 0 0 3px rgba(139,44,255,.10)!important;outline:0!important}
button.bg-blue-600,.bg-blue-600{border-radius:12px}

/* Sağ sütun / widget */
.sidebar,.sidebar-widget,.widget,.top-articles-container{border-radius:var(--mz-radius)!important}
.sidebar .bg-white,.sidebar-widget,.widget{border:1px solid var(--mz-border)!important;box-shadow:0 8px 24px rgba(30,34,50,.05)!important}

/* Reklam alanlarını yumuşat */
.ad-container{border-radius:14px;overflow:hidden}

/* Footer */
footer{background:#171927!important;color:#cfd2df!important;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--mz-primary),var(--mz-secondary),var(--mz-accent)) 1}
footer a:hover{color:#fff!important}

/* Koyu mod yerine açık tema önceliği: MaziFM görünümünde temiz açık arayüz */
html.dark body{background:var(--mz-bg)!important;color:var(--mz-ink)!important}
html.dark nav{background:rgba(255,255,255,.96)!important;color:var(--mz-ink)!important}
html.dark .home-modular-section-head h2,html.dark .home-modular-section-head p{color:inherit!important}

@media(max-width:768px){
  .home-modular-section-head{margin-top:20px;padding:0 14px}
  .home-modular-section-head h2{font-size:21px!important}
  body nav img{max-height:40px}
  #headline-slider{border-radius:16px!important}
}