/*
Theme Name: Astra Child - Solle Music
Template: astra
Version: 1.0
Description: Solle Music Studio Dark child theme for Astra - musical instrument review site.
*/

:root {
  --sm-bg: #0B0B0B;
  --sm-surface: #161616;
  --sm-ink: #FFFFFF;
  --sm-accent: #F2B705;
  --sm-muted: #A8A8A8;
}

body {
  background-color: var(--sm-bg);
  color: var(--sm-ink);
  font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--sm-ink);
}

a { color: var(--sm-accent); }
a:hover { color: var(--sm-ink); }

/* Header */
#masthead, .ast-primary-header-bar, .main-header-bar {
  background-color: var(--sm-bg) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.main-header-menu .menu-item > .menu-link, .ast-primary-header-bar .site-title a {
  color: var(--sm-ink) !important;
  font-family: 'Space Grotesk', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
}
.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
  color: var(--sm-accent) !important;
}
.ast-mobile-menu-trigger-minimal .mobile-menu-toggle-icon .mobile-menu-bar,
.ast-mobile-menu-buttons svg {
  background-color: var(--sm-ink) !important;
  fill: var(--sm-ink) !important;
}

/* Buttons */
.ast-button, button, input[type="submit"], .button, .wp-block-button__link {
  background-color: var(--sm-accent) !important;
  color: var(--sm-bg) !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  font-family: 'Space Grotesk', sans-serif;
  border: none !important;
  box-shadow: none !important;
  padding: 12px 24px;
}
.ast-button:hover, button:hover, .button:hover {
  background-color: var(--sm-ink) !important;
  color: var(--sm-bg) !important;
}

/* Cards / content blocks */
.ast-article-single, .entry-content, article, .ast-article-post {
  background-color: transparent;
}
.card, .ast-single-related-posts-container .related-post, .elementor-widget-wrap {
  background-color: var(--sm-surface);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
}

/* Footer */
#colophon, .site-footer, .ast-small-footer {
  background-color: var(--sm-surface) !important;
  color: var(--sm-muted) !important;
  border-top: 1px solid rgba(255,255,255,0.08);
}
#colophon a, .site-footer a {
  color: var(--sm-ink) !important;
}
#colophon a:hover, .site-footer a:hover {
  color: var(--sm-accent) !important;
}

/* Links in content */
.entry-content a {
  color: var(--sm-accent);
  text-decoration: underline;
}

img { border-radius: 10px; }