/*
Theme Name: Astra Child
Description: Astra Child Theme
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: astra-child
*/


/* ============================================
   MGF — Brand tokens & polish
   Added 2026-05-25
   ============================================ */

:root {
  --mgf-green:        #0F5132;
  --mgf-green-dark:   #0A3D26;
  --mgf-cream:        #FAF7F2;
  --mgf-gold:         #D4A017;
  --mgf-charcoal:     #2C2C2C;
  --mgf-slate:        #6B7280;
  --mgf-white:        #FFFFFF;
  --mgf-radius:       6px;
  --mgf-shadow-card:  0 4px 12px rgba(15, 81, 50, 0.06);
  --mgf-shadow-hover: 0 12px 24px rgba(15, 81, 50, 0.10);
}

html { scroll-behavior: smooth; }

.mgf-trust-strip {
  background: var(--mgf-cream);
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
  padding: 18px 0;
  font-size: 15px;
  color: var(--mgf-slate);
  text-align: center;
}
@media (max-width: 768px) {
  .mgf-trust-strip {
    overflow-x: auto;
    white-space: nowrap;
    text-align: left;
    padding: 14px 16px;
  }
}

.mgf-card {
  background: var(--mgf-white);
  border-radius: var(--mgf-radius);
  box-shadow: var(--mgf-shadow-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  padding: 28px;
}
.mgf-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--mgf-shadow-hover);
}

.mgf-stage-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mgf-gold);
  margin-bottom: 8px;
}

.trp-language-switcher,
.trp-floater-ls {
  font-weight: 600;
  font-size: 14px;
}
.trp-language-switcher a,
.trp-floater-ls a {
  color: inherit;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 4px;
}
.trp-language-switcher a:hover,
.trp-floater-ls a:hover {
  background: rgba(15, 81, 50, 0.08);
}

@media (max-width: 921px) {
  .ast-builder-menu .menu-item > a,
  .main-header-menu .menu-item > a,
  .ast-mobile-header-stack .menu-item > a {
    min-height: 44px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
  }
  .wp-block-button__link,
  .ast-custom-button {
    min-height: 44px;
  }
}

a[href^="tel:"] {
  font-weight: 600;
  white-space: nowrap;
}

.site-footer a:hover {
  color: var(--mgf-gold) !important;
}

.mgf-final-cta {
  background: var(--mgf-green);
  color: var(--mgf-white);
  padding: 64px 24px;
  text-align: center;
}
.mgf-final-cta h2,
.mgf-final-cta h3 {
  color: var(--mgf-white);
}
.mgf-final-cta .mgf-secondary-link {
  color: var(--mgf-gold);
  text-decoration: underline;
}

.mgf-section { padding: 80px 0; }
@media (max-width: 768px) {
  .mgf-section { padding: 48px 0; }
}

/* ============================================
   MGF — Sticky header (no Astra Pro required)
   ============================================ */

/* Make the primary header stick to the top */
#masthead,
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #FFFFFF;
  transition: box-shadow 0.25s ease;
}

/* Subtle shadow that appears once the user scrolls */
#masthead.mgf-scrolled,
.site-header.mgf-scrolled {
  box-shadow: 0 2px 12px rgba(15, 81, 50, 0.10);
}

/* ============================================================
   MGF — Header height fix (2026-05-29)
   Cap logo height to ~120px so header stays at ~130-140px.
   This preserves the "twice as big" visual size vs. original
   (original logo was ~60px tall in the old header).
   Child stylesheet beats Customizer specificity.
   ============================================================ */

/* Cap logo height only — let Astra width setting (280px) apply */
.ast-site-identity img.custom-logo,
header .custom-logo-link img.custom-logo,
.custom-logo-link img {
  max-height: 120px !important;
}