/* MAIS TUNER 24.11.34
   Home, conta, P8 e temas alinhados à linguagem editorial do NRK Radio. */

:root{
  --mt-nrk-navy:#0a2343;
  --mt-nrk-navy-2:#102f57;
  --mt-nrk-blue:#7fb4ee;
  --mt-nrk-line:rgba(183,211,240,.26);
  --mt-nrk-paper:#f4f8fc;
  --mt-nrk-ink:#0a2746;
}

/* Home: composição editorial larga, superfícies sólidas e poucos raios. */
body{background-color:var(--mt-nrk-navy)}
.hero-content,.toolbar,#main{width:min(1305px,calc(100% - 40px))!important;max-width:1305px!important}
.hero-shape{display:none!important}
.hero-panel{
  overflow:hidden;
  border:0!important;
  border-radius:4px!important;
  background:var(--mt-nrk-navy-2)!important;
  box-shadow:none!important;
}
.hero-panel::before{opacity:.22!important}
.hero-main{min-height:360px!important;padding:34px 42px 30px!important}
.hero-editorial-question{font-size:clamp(16px,1.65vw,22px)!important;font-weight:800!important}
.hero-station{font-size:clamp(42px,6vw,78px)!important;line-height:.98!important;letter-spacing:-.052em!important}
.hero-detail-row{border-top:1px solid var(--mt-nrk-line)!important;background:rgba(5,24,47,.42)!important}

.toolbar{
  padding:18px 0 12px!important;
  border:0!important;
  border-bottom:1px solid var(--ui81-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.toolbar-top{max-width:780px!important}
.toolbar-top>.rg-open-btn,.toolbar-top>.rv-tv-button{
  border-radius:3px!important;
  box-shadow:none!important;
}
.search-row .search,.tabs{border-radius:3px!important}
.section-title,.group>h2{font-size:clamp(24px,3vw,38px)!important;letter-spacing:-.035em!important}

#main>.group{
  content-visibility:auto;
  contain-intrinsic-size:620px;
  padding-top:28px;
}
#main .card,#main .radio-card{
  border-radius:3px!important;
  box-shadow:none!important;
}
#main .card-hero,#main .brand-tile-stage{border-radius:0!important}
#main .card-body{background:var(--ui81-surface)!important}
#main .card:hover,#main .radio-card:hover{box-shadow:none!important}

/* O canal P8 preserva a cor de marca e continua legível nos dois temas. */
.card.has-network-selector{
  border-color:rgba(127,180,238,.24)!important;
  background:#102846!important;
}
.card-network-row.rg-nrk-channel-head{
  border-radius:2px!important;
  box-shadow:none!important;
}
.card-network-trigger.rg-nrk-affiliate{transition:opacity .15s cubic-bezier(1,.2,.88,1),background-color .15s cubic-bezier(1,.2,.88,1)!important}

html[data-site-theme="light"] body{background:#eef4fa!important;color:var(--mt-nrk-ink)!important}
html[data-site-theme="light"] .hero-panel{background:#dceafa!important;color:var(--mt-nrk-ink)!important}
html[data-site-theme="light"] .hero-detail-row{border-top-color:#bdd0e4!important;background:#cfdfef!important}
html[data-site-theme="light"] .hero :is(.hero-editorial-question,.hero-station,.hero-sub,.hero-overline){color:var(--mt-nrk-ink)!important}
html[data-site-theme="light"] .card.has-network-selector{
  border-color:#bfd1e2!important;
  background:#f8fbfe!important;
  color:var(--mt-nrk-ink)!important;
}
html[data-site-theme="light"] .card-network-row.rg-nrk-channel-head{
  border:1px solid #bdd0e3!important;
  background:#e4eef8!important;
  color:var(--mt-nrk-ink)!important;
}
html[data-site-theme="light"] .card-network-trigger.rg-nrk-affiliate{
  border-color:#7998b7!important;
  background:#fff!important;
  color:#123b63!important;
}
html[data-site-theme="light"] .card-network-trigger.rg-nrk-affiliate:hover,
html[data-site-theme="light"] .card-network-trigger.rg-nrk-affiliate[aria-expanded="true"]{
  border-color:#285e94!important;
  background:#d7e7f6!important;
  color:#0a3158!important;
}
html[data-site-theme="light"] .card-network-menu{
  border-color:#9bb5ce!important;
  background:#fff!important;
  box-shadow:0 18px 44px -30px rgba(10,39,70,.45)!important;
}
html[data-site-theme="light"] .card-network-choice{background:#e7f0f8!important;color:#123b63!important}
html[data-site-theme="light"] .card-network-choice:hover{background:#d5e6f5!important}
html[data-site-theme="light"] .card-network-choice.active{border-color:#285e94!important;background:#c5ddf2!important;color:#082c50!important}
html[data-site-theme="light"] .brand-tile[data-station="P8 The Anthemz"],
html[data-site-theme="light"] .brand-tile[data-station="P8 The Anthemz Goiânia"]{
  border:1px solid #acc6dd!important;
  background:#fff!important;
}

/* O seletor Rede/Goiânia no cinema usa o mesmo vocabulário do seletor NRK. */
.cinema-modal .city-btn{
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid rgba(168,200,240,.58)!important;
  border-radius:2px!important;
  background:#173b68!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:'NRK Sans','Reddit Sans',sans-serif!important;
  font-weight:750!important;
}
.cinema-modal .city-btn:hover{background:#25558e!important}
.cinema-modal .city-btn svg{width:13px!important;height:13px!important}

/* Login/conta: hierarquia limpa, campos largos e contraste real no modo claro. */
#mtAuthOverlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#mtAuthOverlay .mt-auth-card{max-width:680px}
#mtAuthOverlay .mt-auth-field input{border-radius:2px!important}
#mtAuthOverlay :is(.mt-auth-primary,.mt-auth-secondary,.mt-auth-signout){border-radius:2px!important}
#mtAuthOverlay .mt-account-menu-row{border-radius:2px!important;box-shadow:none!important}
html[data-site-theme="light"] #mtAuthOverlay{
  --account-bg:#eef4fa;
  --account-panel:#fff;
  --account-action:#0f4f8d;
  --account-hover:#0b4278;
  --account-text:#0a2746;
  --account-muted:#3f5e7a;
  --account-line:#527da7;
}
html[data-site-theme="light"] #mtAuthOverlay :is(.mt-auth-primary,.mt-account-menu-row){color:#fff!important}
html[data-site-theme="light"] #mtAuthOverlay .mt-account-menu-row small{color:#d9e7f4!important}
html[data-site-theme="light"] #mtAuthOverlay :is(.mt-auth-secondary,.mt-auth-signout){color:#0a3158!important;background:#fff!important}
html[data-site-theme="light"] #mtAuthOverlay .mt-auth-field input{background:#fff!important}

/* O anúncio P8 também se adapta ao tema escolhido. */
html[data-site-theme="light"] .p8-launch{background:rgba(221,233,245,.88)}
html[data-site-theme="light"] .p8-launch-card{border-color:#9fb9d2;background:#f8fbfe;color:var(--mt-nrk-ink);box-shadow:0 28px 70px -38px rgba(6,31,57,.55)}
html[data-site-theme="light"] .p8-launch-copy{background:#f8fbfe}
html[data-site-theme="light"] .p8-launch :is(h2,strong){color:var(--mt-nrk-ink)}
html[data-site-theme="light"] .p8-launch p{color:#405d78}
html[data-site-theme="light"] .p8-launch-lineup{border-color:#b4c9dc;background:#e5eff8}
html[data-site-theme="light"] .p8-launch-artists b{background:#c9def1;color:#0a3158}
html[data-site-theme="light"] .p8-launch-all{background:#1d5d98}

@media(max-width:720px){
  .hero-content,.toolbar,#main{width:min(100% - 24px,620px)!important}
  .hero-main{min-height:0!important;padding:16px 10px 13px!important}
  .hero-panel{border-radius:3px!important}
  #main>.group{contain-intrinsic-size:860px;padding-top:20px}
  #main .card,#main .radio-card{border-radius:2px!important}
  .toolbar{padding-inline:0!important}
  .p8-launch{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

@media(prefers-reduced-motion:reduce){
  #main>.group{content-visibility:visible}
}