/*
Theme Name: Fitness4Life Astra Child
Theme URI: https://fitness4lifesports.com/
Description: Milestone 2 storefront child theme for Astra.
Author: Fitness4Life Sports
Template: astra
Version: 1.0.2
Text Domain: fitness4life-astra-child
*/

:root {
  --f4l-green-deep: #1d3510;
  --f4l-green: #2d5016;
  --f4l-green-mid: #3c6a1e;
  --f4l-gold: #d8b888;
  --f4l-gold-bright: #e6c796;
  --f4l-cream: #f6f5f0;
  --f4l-charcoal: #111410;
  --f4l-text: #1e241b;
  --f4l-muted: #525b4e;
  --f4l-border: #dce2d7;
}

body {
  background: var(--f4l-cream);
  color: var(--f4l-text);
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.main-header-menu {
  font-family: "Montserrat", system-ui, sans-serif;
}

.site-header,
.ast-primary-header-bar {
  background: var(--f4l-charcoal);
  border-bottom: 1px solid rgba(216, 184, 136, .35);
}

.site-header .site-title a,
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
  color: #fff !important;
}

.site-header .site-title a {
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -.025em;
}

.main-header-menu > .menu-item > .menu-link {
  font-size: .875rem;
  padding-inline: 12px;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .current-menu-item > .menu-link {
  color: var(--f4l-gold-bright);
}

@media (max-width: 921.99px) {
  .ast-mobile-header-content,
  .ast-builder-menu-mobile .main-navigation,
  .ast-builder-menu-mobile .main-navigation .main-header-menu {
    background: var(--f4l-charcoal) !important;
  }

  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    background: var(--f4l-charcoal) !important;
    border-top: 1px solid rgba(216, 184, 136, .22);
    color: #fff !important;
  }

  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:hover,
  .ast-builder-menu-mobile .main-navigation .main-header-menu .current-menu-item > .menu-link {
    background: var(--f4l-green-deep) !important;
    color: var(--f4l-gold-bright) !important;
  }
}

.site-footer,
.site-primary-footer-wrap {
  background: var(--f4l-charcoal);
  color: #fff;
}

.ast-container,
.site-content .ast-container {
  max-width: none;
  padding: 0;
}

.entry-header,
.entry-title {
  display: none;
}

.f4l-system-title {
  margin: 0 0 32px;
}

.entry-content {
  margin: 0;
}

.woocommerce-page .site-content .ast-container {
  max-width: 1180px;
  padding: 48px 20px 80px;
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--f4l-green);
  border-radius: 10px;
  color: #fff;
  font-weight: 800;
  padding: 14px 22px;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  background: var(--f4l-green-mid);
}