/*
Theme Name: SynchroDynamic 2024
Theme URI: https://synchrodynamic.com
Description: SynchroDynamic Studio brand theme - a child of Twenty Twenty-Four. Dark + green ("Fracture Zone") gaming aesthetic with Artifika/system typography. Update-proof: every customization lives in this child theme, so the parent (Twenty Twenty-Four) and WordPress can update freely without ever wiping the design.
Author: SynchroDynamic
Template: twentytwentyfour
Version: 1.0.11
Requires at least: 6.4
Tested up to: 7.0
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: synchrodynamic-2024
*/

/* ------------------------------------------------------------------
   Supplemental CSS (things theme.json cannot express on its own).
   Brand tokens:
     --sd-bg:#17212a  --sd-surface:#212a33  --sd-surface-2:#2b343d
     --sd-border:#49515f  --sd-green:#37d67a  --sd-green-active:#10b981
   ------------------------------------------------------------------ */
:root{
  --sd-bg:#17212a;
  --sd-surface:#212a33;
  --sd-surface-2:#2b343d;
  --sd-border:#49515f;
  --sd-green:#37d67a;
  --sd-green-active:#10b981;
}

/* Header: green accent underline beneath the whole header, like Kenta */
.wp-block-template-part.site-header,
header.wp-block-group.site-header{
  border-bottom:3px solid var(--sd-green);
}

/* Navigation links: Artifika, subtle hover to green */
.wp-block-navigation .wp-block-navigation-item__content{
  font-family:"Artifika",Georgia,serif;
  letter-spacing:.02em;
}
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content{
  color:var(--sd-green);
}

/* Pill "tag" buttons (outline style) used in the hero badges */
.is-style-sd-pill .wp-block-button__link,
.wp-block-button.is-style-sd-pill .wp-block-button__link{
  background:transparent;
  color:#fff;
  border:1px solid var(--sd-border);
  border-radius:999px;
  font-size:.85rem;
  padding:.45em 1.1em;
}

/* Cards / panels */
.is-style-sd-card{
  background:var(--sd-surface);
  border:1px solid var(--sd-border);
  border-radius:14px;
  padding:clamp(1.25rem,2vw,2rem);
}
.is-style-sd-card:hover{ border-color:var(--sd-green); }

/* Footer: green accent line on top, mirroring the live site */
.wp-block-template-part.site-footer,
footer.wp-block-group.site-footer{
  border-top:3px solid var(--sd-green);
}

/* Professional multi-column footer */
.site-footer .wp-block-list{ list-style:none; padding-left:0; margin:1rem 0 0; }
.site-footer .wp-block-list li{ margin:0; }
.site-footer a{ color:#c7ced8; text-decoration:none; transition:color .15s ease; }
.site-footer a:hover{ color:var(--sd-green); }
.site-footer .sd-foot-head{ color:#8a94a3; margin:0 0 0.25rem; }
.site-footer .wp-block-site-title a{ color:#fff; }
.site-footer em{ color:#8a94a3; font-style:normal; font-size:.85em; }

/* Horizontal breathing room for the full-width header & footer
   (they run edge-to-edge because the global max-width override un-constrains them). */
.site-header{ padding-left:clamp(1.25rem,4vw,3rem); padding-right:clamp(1.25rem,4vw,3rem); }
.site-footer{ padding-left:clamp(1.5rem,4vw,3rem); padding-right:clamp(1.5rem,4vw,3rem); }

/* Single post — center the tag pills. */
.wp-block-post-terms.is-style-pill{ text-align:center; }

/* Search field on dark */
.wp-block-search__input{
  background:var(--sd-surface);
  border:1px solid var(--sd-border);
  color:#fff;
}
.wp-block-search__input::placeholder{ color:#8a94a3; }