/*
Theme Name: Divi Child C4W
Theme URI: https://c4w.inidel.com
Description: Cal4Wheel global design foundation for Divi 5
Author: Ad Lunam Technologies
Template: Divi
Version: 1.0.0
Text Domain: divi-child-c4w
*/

/* /var/www/c4w.inidel.com/public/wp-content/themes/divi-child-c4w/style.css */

/* === C4W GLOBAL DESIGN TOKENS === */
:root {
  --c4w-dark:        #1a1a1a;
  --c4w-charcoal:    #2d2d2d;
  --c4w-offwhite:    #f0ebe0;
  --c4w-tan:         #c8b89a;
  --c4w-yellow:      #b8cc2a;
  --c4w-green:       #2d5a1b;
  --c4w-white:       #ffffff;
}

/* === GLOBAL RESETS === */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  background-color: var(--c4w-dark);
  color: var(--c4w-white);
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

h1, h2, h3 {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

h4, h5, h6 {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 500;
}

/* Navigation */
#et-top-navigation,
#top-menu-nav,
.et-menu-nav,
.et-menu li a,
nav.et-menu-nav a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* === PRIMARY BUTTON === */
.c4w-btn-primary,
.et_pb_button.c4w-btn-primary {
  background-color: var(--c4w-yellow) !important;
  color: var(--c4w-dark) !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid var(--c4w-yellow) !important;
  border-radius: 0 !important;
  padding: 12px 28px !important;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.c4w-btn-primary:hover,
.et_pb_button.c4w-btn-primary:hover {
  background-color: var(--c4w-green) !important;
  color: var(--c4w-white) !important;
  border-color: var(--c4w-green) !important;
}

/* === SECONDARY BUTTON === */
.c4w-btn-secondary,
.et_pb_button.c4w-btn-secondary {
  background-color: transparent !important;
  color: var(--c4w-yellow) !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: 2px solid var(--c4w-yellow) !important;
  border-radius: 0 !important;
  padding: 12px 28px !important;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.c4w-btn-secondary:hover,
.et_pb_button.c4w-btn-secondary:hover {
  background-color: var(--c4w-green) !important;
  color: var(--c4w-white) !important;
  border-color: var(--c4w-green) !important;
}

/* === SECTION UTILITIES === */
.c4w-section-dark {
  background-color: var(--c4w-dark);
  color: var(--c4w-white);
}

.c4w-section-charcoal {
  background-color: var(--c4w-charcoal);
  color: var(--c4w-white);
}

.c4w-section-light {
  background-color: var(--c4w-offwhite);
  color: var(--c4w-dark);
}

.c4w-section-light h1,
.c4w-section-light h2,
.c4w-section-light h3,
.c4w-section-light h4,
.c4w-section-light h5,
.c4w-section-light h6,
.c4w-section-light p {
  color: var(--c4w-dark);
}