/* Music Coast homepage hero CTA visibility fixes
   Loaded after the core public styles.
   Focus: keep hero button labels readable in every theme/accent and make
   the welcome-card actions feel clearer and more polished.
*/

body.mc-public.mc-homepage .hero .cta-row .btn{
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}

body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold{
  color: var(--on-accent, #1A1A1A) !important;
  box-shadow: 0 14px 30px rgba(var(--accent-rgb), 0.22);
}

body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary::before{
  display: none !important;
}

body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:hover,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:focus-visible,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:active,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:hover,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:focus-visible,
body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:active{
  color: var(--on-accent, #1A1A1A) !important;
  filter: saturate(1.04) brightness(1.03);
  box-shadow: 0 18px 38px rgba(var(--accent-rgb), 0.28);
}

html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:hover,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:focus-visible,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-primary:active,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:hover,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:focus-visible,
html[data-theme="dark"] body.mc-public.mc-homepage .hero .cta-row .btn.btn-home-gold:active{
  color: var(--on-accent, #1A1A1A) !important;
}

/* Light mode: keep the Welcome-card secondary action visible when hovered. */
html[data-theme="light"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary){
  background: rgba(17, 17, 17, 0.04) !important;
  border-color: rgba(17, 17, 17, 0.12) !important;
  color: #111111 !important;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):hover,
html[data-theme="light"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):focus-visible,
html[data-theme="light"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):active{
  background: rgba(var(--accent-rgb), 0.14) !important;
  border-color: rgba(var(--accent-rgb), 0.34) !important;
  color: #111111 !important;
  box-shadow: 0 14px 28px rgba(var(--accent-rgb), 0.16);
  transform: translateY(-1px);
}

body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn{
  min-width: 154px;
}

body.mc-public.mc-homepage .hero .cta-row .btn:focus-visible,
body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:focus-visible,
body.mc-public.mc-homepage .app-preview-media:focus-visible{
  outline: 3px solid rgba(var(--accent-rgb), 0.34);
  outline-offset: 3px;
}