/**
 * Layout “Modern” — alternativa visual (painel escuro, navegação em destaque).
 * Ativar em Admin → Configurações → Layout público → Modern.
 * Não substitui style.css — sobrescreve variáveis e trechos pontuais.
 */
body.layout-theme-modern {
  --radiobs-accent: #42a5f5;
}

body.layout-theme-modern .header-top {
  background: #070707 !important;
  border-bottom: 1px solid #1f1f1f;
  padding: 6px 0;
  font-size: 12px;
}

body.layout-theme-modern .header-top-info span,
body.layout-theme-modern .header-top-social a {
  color: #b0bec5 !important;
}

body.layout-theme-modern .header-main {
  background: #0a0a0a !important;
  border-bottom: 3px solid #42a5f5;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

body.layout-theme-modern .logo {
  color: #fff !important;
  letter-spacing: 0.06em;
  font-weight: 700;
}

body.layout-theme-modern .nav-link {
  color: #eceff1 !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  padding: 10px 8px !important;
}

body.layout-theme-modern .nav-link:hover,
body.layout-theme-modern .nav-link.active {
  color: #42a5f5 !important;
}

@media (max-width: 768px) {
  body.layout-theme-modern .nav-link {
    text-transform: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    letter-spacing: 0.03em !important;
  }
}

body.layout-theme-modern .btn-login {
  border-color: rgba(66, 165, 245, 0.6) !important;
  color: #42a5f5 !important;
}

body.layout-theme-modern .featured-showcase {
  background: linear-gradient(145deg, #0d0f12 0%, #111520 65%);
}

body.layout-theme-modern .radiobs-ad-slot {
  text-align: center;
  margin: 10px auto;
}

body.layout-theme-modern .radiobs-ad-zone {
  padding: 6px;
  margin: 0 auto;
  max-width: 980px;
}

body.layout-theme-modern .footer-visitor-strip {
  background: #0d47a1;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 13px;
  letter-spacing: 0.03em;
}

body.layout-theme-modern .home-hero-banner-slide img {
  max-height: 420px;
  object-fit: cover;
}

@media (max-width: 768px) {
  body.layout-theme-modern .home-hero-banner-slide img {
    max-height: none;
  }
}

/* PWA / install hint */
body.layout-theme-modern .rb-pwa-hint-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1a237e;
  color: #fff;
  padding: 10px 14px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  z-index: 9998;
  font-size: 14px;
}

body.layout-theme-modern .rb-pwa-hint-bar.is-visible {
  display: flex;
}

body.layout-theme-modern .rb-pwa-hint-bar button {
  background: #64b5f6;
  color: #050505;
  border: 0;
  border-radius: 8px;
  padding: 8px 14px;
  font-weight: 600;
  cursor: pointer;
}