/*
 Theme Name:   Astra Child
 Theme URI:    https://forzadigitalconsulting.com
 Description:  Astra Child Theme for Forza Digital Consulting
 Author:       Forza Digital Consulting
 Author URI:   https://forzadigitalconsulting.com
 Template:     astra
 Version:      1.0.5
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* =============================================
   FORZA BRAND COLOR SYSTEM
   ============================================= */

:root {
  /* Forza Brand - Background Colors */
  --forza-black:          #0D0D0D;
  --forza-espresso:       #1A1410;
  --forza-charcoal:       #2A2318;
  --forza-section-bg:     #1F1A16;

  /* Forza Brand - Accent Colors */
  --forza-maroon:         #800020;
  --forza-maroon-hero:    #9A0026;
  --forza-maroon-hover:   #9A0026;

  /* Forza Brand - Gold (dark backgrounds only) */
  --forza-gold:           #C9A84C;
  --forza-gold-light:     #D4B55C;

  /* Forza Brand - Light Surfaces */
  --forza-warm-white:     #E8E0D4;
  --forza-white:          #FFFFFF;

  /* Forza Brand - Text */
  --forza-text-on-dark:   #E8E0D4;
  --forza-text-muted:     #A89880;
  --forza-text-on-light:  #1A1410;
  --forza-text-mid:       #A89880;
}


/* =============================================
   NAVIGATION
   ============================================= */

.fdc-nav {
  background-color: var(--forza-black) !important;
  border-bottom: 1px solid var(--forza-charcoal) !important;
}

.fdc-nav .nav-logo {
  color: var(--forza-text-on-dark) !important;
}

.fdc-nav .nav-links > a,
.fdc-nav .nav-dropdown-trigger,
.fdc-nav .nav-links .nav-dropdown > a {
  color: var(--forza-gold) !important;
}

.fdc-nav .nav-links > a:hover,
.fdc-nav .nav-dropdown-trigger:hover,
.fdc-nav .nav-links .nav-dropdown > a:hover {
  color: var(--forza-white) !important;
}

.fdc-nav .nav-links > a.current-menu-item,
.fdc-nav .nav-links > a[aria-current="page"] {
  color: var(--forza-white) !important;
  border-bottom: 2px solid var(--forza-gold) !important;
}

.fdc-nav .forza-header-phone {
  color: var(--forza-gold) !important;
}

.fdc-nav .nav-links > a[href*="contact"]:last-of-type,
.fdc-nav a.nav-cta,
.fdc-nav .nav-cta {
  background-color: var(--forza-maroon) !important;
  color: var(--forza-white) !important;
  border-color: var(--forza-maroon) !important;
}

.fdc-nav .nav-links > a[href*="contact"]:last-of-type:hover,
.fdc-nav a.nav-cta:hover,
.fdc-nav .nav-cta:hover {
  background-color: var(--forza-maroon-hover) !important;
  border-color: var(--forza-maroon-hover) !important;
}

.fdc-nav .nav-dropdown-menu {
  background-color: var(--forza-black) !important;
  border: 1px solid var(--forza-charcoal) !important;
}

.fdc-nav .nav-dropdown-menu a {
  color: var(--forza-gold) !important;
}

.fdc-nav .nav-dropdown-menu a:hover {
  color: var(--forza-white) !important;
  background-color: var(--forza-charcoal) !important;
}


/* =============================================
   HERO SECTION
   ============================================= */

.fdc-home .hero {
  background-color: var(--forza-espresso) !important;
}

.fdc-home .hero-badge {
  color: var(--forza-gold) !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.fdc-home .hero-content h1,
.fdc-home .hero h1 {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .hero-content h1 span,
.fdc-home .hero h1 span {
  color: var(--forza-maroon-hero) !important;
}

.fdc-home .hero-content p,
.fdc-home .hero-content > div:not(.hero-badge):not(.hero-buttons) {
  color: var(--forza-text-muted) !important;
}

.fdc-home .btn-primary {
  background-color: var(--forza-maroon) !important;
  color: var(--forza-white) !important;
  border-color: var(--forza-maroon) !important;
}

.fdc-home .btn-primary:hover {
  background-color: var(--forza-maroon-hover) !important;
  border-color: var(--forza-maroon-hover) !important;
}

.fdc-home .btn-secondary {
  background-color: transparent !important;
  border: 1px solid var(--forza-gold) !important;
  color: var(--forza-gold) !important;
}

.fdc-home .btn-secondary:hover {
  background-color: var(--forza-charcoal) !important;
}


/* =============================================
   LEAD CAPTURE FORM CARD
   ============================================= */

.fdc-home .hero-form-wrap,
.fdc-home .hero-form {
  background-color: var(--forza-black) !important;
  border: 1px solid var(--forza-gold) !important;
}

.fdc-home .hero-form h2,
.fdc-home .hero-form h3,
.fdc-home .hero-form-wrap h2,
.fdc-home .hero-form-wrap h3 {
  color: var(--forza-gold) !important;
}

.fdc-home .hero-form p,
.fdc-home .hero-form-wrap p,
.fdc-home .hero-form > div:not(form) {
  color: var(--forza-text-muted) !important;
}

.fdc-home .hero-form input[type="text"],
.fdc-home .hero-form input[type="email"],
.fdc-home .hero-form input[type="url"],
.fdc-home .hero-form input[type="tel"],
.fdc-home .hero-form textarea {
  background-color: var(--forza-espresso) !important;
  border: 1px solid var(--forza-charcoal) !important;
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .hero-form select,
.fdc-home .hero-form .choices,
.fdc-home .hero-form .choices__inner {
  background-color: var(--forza-espresso) !important;
  border: 1px solid var(--forza-charcoal) !important;
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .hero-form .choices__list--dropdown {
  background-color: var(--forza-espresso) !important;
  border: 1px solid var(--forza-charcoal) !important;
}

.fdc-home .hero-form .choices__item {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .hero-form button[type="submit"],
.fdc-home .hero-form input[type="submit"],
.fdc-home .hero-form .wpforms-submit {
  background-color: var(--forza-maroon) !important;
  color: var(--forza-white) !important;
  border-color: var(--forza-maroon) !important;
}

.fdc-home .hero-form button[type="submit"]:hover,
.fdc-home .hero-form input[type="submit"]:hover,
.fdc-home .hero-form .wpforms-submit:hover {
  background-color: var(--forza-maroon-hover) !important;
  border-color: var(--forza-maroon-hover) !important;
}


/* =============================================
   TRUST BAR
   ============================================= */

.fdc-home .trust-bar {
  border-top: 1px solid var(--forza-charcoal) !important;
}

.fdc-home .trust-icon,
.fdc-home .trust-item svg,
.fdc-home .trust-item::before {
  color: var(--forza-gold) !important;
  fill: var(--forza-gold) !important;
}

.fdc-home .trust-label {
  color: var(--forza-text-muted) !important;
}


/* =============================================
   SERVICES SECTION
   ============================================= */

.fdc-home .services {
  background-color: var(--forza-warm-white) !important;
}

.fdc-home .services .section-label {
  color: var(--forza-maroon) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 12px !important;
}

.fdc-home .services .section-heading,
.fdc-home .services h2 {
  color: var(--forza-text-on-light) !important;
}

.fdc-home .services .section-subtext {
  color: var(--forza-text-mid) !important;
}

.fdc-home .service-card {
  background-color: var(--forza-white) !important;
  border: 1px solid var(--forza-gold-light) !important;
}

.fdc-home .service-card:hover {
  border-color: var(--forza-gold) !important;
}

.fdc-home .service-card .service-icon,
.fdc-home .service-card svg {
  color: var(--forza-maroon) !important;
  fill: var(--forza-maroon) !important;
}

.fdc-home .service-card h3 {
  color: var(--forza-text-on-light) !important;
}

.fdc-home .service-card p {
  color: var(--forza-text-mid) !important;
}

.fdc-home .service-card .service-link,
.fdc-home .service-card a {
  color: var(--forza-maroon) !important;
}

.fdc-home .service-card .service-link:hover,
.fdc-home .service-card a:hover {
  color: var(--forza-maroon-hover) !important;
  text-decoration: underline !important;
}


/* =============================================
   PROCESS SECTION
   ============================================= */

.fdc-home .process {
  background-color: var(--forza-espresso) !important;
}

.fdc-home .process .section-label {
  color: var(--forza-gold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.fdc-home .process .section-heading,
.fdc-home .process h2 {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .process .section-subtext {
  color: var(--forza-text-muted) !important;
}

.fdc-home .process-step {
  background-color: var(--forza-black) !important;
  border: 1px solid var(--forza-charcoal) !important;
}

.fdc-home .process-step:hover {
  border-color: var(--forza-gold) !important;
}

.fdc-home .step-number {
  color: var(--forza-gold) !important;
  font-size: 28px !important;
}

.fdc-home .process-step h3 {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .process-step p {
  color: var(--forza-text-muted) !important;
}

.fdc-home .process-grid::after,
.fdc-home .process-step::after {
  color: var(--forza-gold) !important;
  opacity: 0.5 !important;
}


/* =============================================
   TRUSTED BY / CLIENT LOGOS
   ============================================= */

.fdc-home .clients-section {
  background-color: var(--forza-warm-white) !important;
  border-top: 1px solid var(--forza-gold-light) !important;
}

.fdc-home .clients-section .section-subtitle,
.fdc-home .clients-section h2,
.fdc-home .clients-section h3 {
  color: var(--forza-text-on-light) !important;
}

.fdc-home .logo-marquee,
.fdc-home .logo-track {
  background: transparent !important;
}

.fdc-home .client-logo img {
  filter: grayscale(100%) !important;
  transition: filter 0.3s ease !important;
}

.fdc-home .client-logo img:hover {
  filter: grayscale(0%) !important;
}


/* =============================================
   TESTIMONIAL SECTION
   ============================================= */

.fdc-home .results {
  background-color: var(--forza-black) !important;
}

.fdc-home .results .section-label {
  color: var(--forza-gold) !important;
  text-transform: uppercase !important;
}

.fdc-home .results .section-heading,
.fdc-home .results h2 {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .testimonial-card {
  background-color: var(--forza-espresso) !important;
  border: 1px solid var(--forza-charcoal) !important;
  border-left: 3px solid var(--forza-maroon) !important;
}

.fdc-home .stars,
.fdc-home .testimonial-card .stars {
  color: var(--forza-gold) !important;
}

.fdc-home .testimonial-text {
  color: var(--forza-text-on-dark) !important;
  font-style: italic !important;
}

.fdc-home .author-name {
  color: var(--forza-gold) !important;
}

.fdc-home .author-role {
  color: var(--forza-text-muted) !important;
}

.fdc-home .author-avatar {
  background-color: var(--forza-maroon) !important;
  color: var(--forza-white) !important;
}


/* =============================================
   BOTTOM CTA SECTION
   ============================================= */

.fdc-home .cta-section {
  background-color: var(--forza-espresso) !important;
  border-top: 2px solid var(--forza-gold) !important;
}

.fdc-home .cta-section .section-label {
  color: var(--forza-gold) !important;
  text-transform: uppercase !important;
}

.fdc-home .cta-section h2 {
  color: var(--forza-text-on-dark) !important;
}

.fdc-home .cta-section p,
.fdc-home .cta-inner > p,
.fdc-home .cta-inner > div:not(.cta-buttons) {
  color: var(--forza-text-muted) !important;
}

.fdc-home .cta-section .btn-primary {
  background-color: var(--forza-maroon) !important;
  color: var(--forza-white) !important;
}

.fdc-home .cta-section .btn-primary:hover {
  background-color: var(--forza-maroon-hover) !important;
}

.fdc-home .cta-section .btn-secondary {
  border: 1px solid var(--forza-gold) !important;
  color: var(--forza-gold) !important;
  background-color: transparent !important;
}

.fdc-home .cta-section .btn-secondary:hover {
  background-color: var(--forza-charcoal) !important;
}

.fdc-home .cta-free {
  color: var(--forza-text-muted) !important;
}


/* =============================================
   FOOTER
   ============================================= */

.fdc-footer {
  background-color: var(--forza-black) !important;
  border-top: 1px solid var(--forza-gold) !important;
}

.fdc-footer .footer-links a {
  color: var(--forza-gold) !important;
}

.fdc-footer .footer-links a:hover {
  color: var(--forza-white) !important;
}

.fdc-footer .footer-copy {
  color: var(--forza-charcoal) !important;
}

.fdc-footer .logo-text {
  color: var(--forza-text-on-dark) !important;
}


/* =============================================
   MOBILE NAV / HAMBURGER
   ============================================= */

.fdc-nav .nav-toggle,
.fdc-nav .hamburger,
.fdc-nav button[aria-label="Menu"] {
  color: var(--forza-gold) !important;
}

.fdc-nav .nav-links.active,
.fdc-nav .nav-mobile,
.fdc-nav .mobile-menu {
  background-color: var(--forza-black) !important;
}

.fdc-nav .nav-links.active a,
.fdc-nav .nav-mobile a,
.fdc-nav .mobile-menu a {
  color: var(--forza-gold) !important;
}

.fdc-nav .nav-links.active a:hover,
.fdc-nav .nav-mobile a:hover,
.fdc-nav .mobile-menu a:hover {
  color: var(--forza-white) !important;
}

@media (max-width: 1024px) {
  .fdc-home .btn-primary {
    background-color: var(--forza-maroon) !important;
    color: var(--forza-white) !important;
  }

  .fdc-home .btn-secondary {
    border-color: var(--forza-gold) !important;
    color: var(--forza-gold) !important;
  }

  .fdc-nav .nav-links {
    background-color: var(--forza-black) !important;
  }

  .fdc-nav .nav-links a {
    color: var(--forza-gold) !important;
  }
}

/* ===== HIDE JETPACK INFINITE SCROLL FOOTER CREDITS ===== */
#infinite-footer,
.blog-credits {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}