/* Music Coast — dark theme hero card fixes
   Scope: public homepage only
   Purpose: preserve the existing index.php structure while fixing the dark-theme
   "Welcome" card readability and the Follow Us button styling.
*/

/* Keep the Welcome card light in dark mode, but force its text readable */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.985), rgba(248,245,239,0.965)),
    #FFFFFF !important;
  color: #1A1A1A !important;
  border-color: rgba(212,175,55,0.18) !important;
}

/* Heading + body copy inside the Welcome card */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card h3,
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card p,
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .small,
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .muted{
  color: #1A1A1A !important;
  text-shadow: none !important;
}

/* Card tag remains gold but readable */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .card-tag{
  color: #B8960F !important;
  background: rgba(212,175,55,0.14) !important;
  border-color: rgba(212,175,55,0.18) !important;
}

/* Make the Follow Us button match the requested yellow/black style in dark mode */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary){
  background: var(--gradient-gold) !important;
  color: #1A1A1A !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(212,175,55,0.18) !important;
  text-shadow: none !important;
}

/* Keep it stable on hover/focus/active — no gray/light-up state */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):hover,
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):focus,
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary):active{
  background: var(--gradient-gold) !important;
  color: #1A1A1A !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(212,175,55,0.18) !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Prevent inherited hover wash from other homepage button rules */
html[data-theme="dark"] body.mc-public.mc-homepage .hero-grid > .card .cta-row .btn:not(.btn-primary)::before{
  display: none !important;
}