/*
Theme Name: McQuaid Audio
Theme URI: https://www.mcquaidaudio.com
Author: McQuaid Audio LLC
Author URI: https://www.mcquaidaudio.com
Description: Clean, minimal child theme for McQuaid Audio LLC, using the official brand palette (slate #35495e, green #41b883) and Source Sans typography. Dark-first with automatic light/dark mode based on the visitor's device preference. Fully responsive for mobile and desktop. Built on the free Twenty Twenty-Four block theme.
Template: twentytwentyfour
Version: 1.5.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mcquaidaudio
*/

/* ============================================================
   McQuaid Audio — brand design tokens
   Brand: Main #35495e (slate), Auxiliary 1 #41b883 (green),
          Background #ffffff. Fonts: Source Sans.
   Default (no preference / dark) = slate base.
   ============================================================ */
:root {
  --ma-bg:        #2b3a4a;   /* slate, darkened for comfortable dark base */
  --ma-surface:   #35495e;   /* brand Main as raised surface */
  --ma-text:      #f3f5f7;
  --ma-muted:     #aeb8c4;
  --ma-accent:    #41b883;   /* brand Auxiliary 1 */
  --ma-accent-ink:#0d1f17;   /* text on accent buttons */
  --ma-line:      rgba(255,255,255,0.12);
  --ma-maxw:      72rem;
}

/* Respect visitors who prefer light mode — brand white background */
@media (prefers-color-scheme: light) {
  :root {
    --ma-bg:        #ffffff;
    --ma-surface:   #f4f6f8;
    --ma-text:      #35495e;   /* brand Main as body text on white */
    --ma-muted:     #5f7081;
    --ma-accent:    #36a374;   /* slightly deepened green for AA contrast on white */
    --ma-accent-ink:#ffffff;
    --ma-line:      rgba(53,73,94,0.15);
  }
}

html { scroll-behavior: smooth; }

body {
  background: var(--ma-bg);
  color: var(--ma-text);
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.wp-block-heading {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: var(--ma-text);
}

a { color: var(--ma-accent); text-underline-offset: 0.2em; }
a:hover { opacity: 0.82; }

.wp-block-group.is-layout-constrained > * { max-width: var(--ma-maxw); }

.ma-rule {
  width: 3rem; height: 3px;
  background: var(--ma-accent);
  border: 0; margin: 0 0 1.5rem;
  border-radius: 3px;
}

.wp-block-button__link {
  background: var(--ma-accent);
  color: var(--ma-accent-ink);
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.85em 1.6em;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.wp-block-button__link:hover { transform: translateY(-1px); opacity: 0.92; }

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--ma-text);
  border: 1px solid var(--ma-line);
}

.ma-card {
  background: var(--ma-surface);
  border: 1px solid var(--ma-line);
  border-radius: 8px;
  padding: 1.75rem;
  height: 100%;
}
.ma-card h3 { margin-top: 0; }

.ma-hero { padding-block: clamp(4rem, 12vw, 9rem); }
.ma-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.78rem;
  color: var(--ma-accent);
  font-weight: 600;
}

.ma-muted { color: var(--ma-muted); }

.wp-block-site-logo img { max-height: 56px; width: auto; }

@media (max-width: 600px) {
  .ma-card { padding: 1.25rem; }
}

/* ---- Site-wide footer ---- */
.ma-footer {
  border-top: 1px solid var(--ma-line);
  background: var(--ma-bg);
  text-align: center;
}
.ma-footer .wp-block-site-logo { margin: 0 auto; }

/* Social icons: brand-colored, green on hover */
.ma-social .wp-block-social-link a { color: var(--ma-text); }
.ma-social.wp-block-social-links.is-style-logos-only .wp-block-social-link {
  transition: transform 0.15s ease;
}
.ma-social.wp-block-social-links.is-style-logos-only .wp-block-social-link:hover {
  transform: translateY(-2px);
}
.ma-social.wp-block-social-links.is-style-logos-only .wp-block-social-link:hover a {
  color: var(--ma-accent);
}

/* ---- Home hero ---- */
.ma-hero-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
/* Make linked card titles inherit heading color, green on hover */
.ma-card h3 a { color: var(--ma-text); text-decoration: none; }
.ma-card:hover h3 a { color: var(--ma-accent); }
.ma-card { transition: border-color 0.15s ease; }
.ma-card:hover { border-color: var(--ma-accent); }

@media (max-width: 781px) {
  /* Stack hero so image sits above text on mobile */
  .ma-hero .wp-block-columns { gap: 2rem; }
}