/*
Theme Name:   Astra Child — Jac Zamar
Theme URI:    https://jaczamar.com
Description:  Child theme for Jac Zamar artist site
Author:       [Your Name]
Template:     astra
Version:      1.0.0
*/

/* All custom CSS goes here — see Section 5 */
/* =====================================================
   JAC ZAMAR — Global Design System
   Applies to all pages via child theme style.css
   Version 1.0 — June 2026
   ===================================================== */

/* — Design tokens — */
:root {
  --bg-base:        #0e0e0e;
  --bg-raised:      #161616;
  --bg-card:        #1c1c1c;
  --accent:         #95A020;  /* Urban Olive Music olive-gold */
  --accent-dim:     #6b7317;
  --text-primary:   #e8e2d6;
  --text-secondary: #9a9284;
  --text-muted:     #5a5650;
  --border:         rgba(149,160,32,0.18);
  --border-subtle:  rgba(255,255,255,0.06);
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-body:      'Inter', system-ui, sans-serif;
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  7rem;
  --radius-sm: 3px;
  --radius-md: 6px;
  --nav-h:     64px;
}

/* — Remove WordPress admin bar offset on front end — */
html { scroll-behavior: smooth; }

body {
  background: var(--bg-base) !important;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* — Google Fonts load (Cormorant Garamond + Inter) — */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

/* — Hide default Astra header/footer so custom ones render — */
.site-header,
.ast-masthead-custom-menu-items,
.site-footer { display: none !important; }

/* — Remove default page padding Astra adds — */
.ast-container,
.entry-content,
.ast-separate-container .ast-article-single { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }

/* — Ensure iframes are responsive — */
iframe { max-width: 100%; }

/* — Embedded player containers — */
.player-wrapper { width: 100%; max-width: 100%; border-radius: var(--radius-md); overflow: hidden; }
.player-wrapper iframe { width: 100%; display: block; }

.entry-title,
.page-title,
.ast-page-title,
.page-header,
.ast-page-header,
h1.page-title,
.site-content h1.entry-title {
  display: none !important;
}