/*
Theme Name: SpeedEx Child Theme
Theme URI: https://speedexfreightlines.com
Description: SpeedEx Freight Lines - Professional Freight Carrier Website
Author: SpeedEx Freight Lines
Author URI: https://speedexfreightlines.com
Template: hello-elementor
Version: 1.0.0
Text Domain: speedex-child
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@300;400;500;600&display=swap');

:root {
  --speedex-gold: #f0a500;
  --speedex-gold-light: #f7c948;
  --speedex-black: #111111;
  --speedex-dark: #1a1a1a;
  --speedex-white: #ffffff;
  --speedex-offwhite: #f8f8f6;
  --speedex-light: #f2f2f0;
  --speedex-gray: #6b7280;
  --speedex-border: #e5e7eb;
  --speedex-text: #1f2937;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background-color: #ffffff !important;
  color: var(--speedex-text) !important;
  font-family: 'Barlow', Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--speedex-gold); }

/* ---- HEADINGS ---- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-weight: 900 !important;
  color: var(--speedex-black) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

/* ---- ELEMENTOR GLOBAL ---- */
.elementor-page,
.elementor-section-wrap {
  background-color: #ffffff !important;
}

/* ---- BUTTONS ---- */
.elementor-button {
  font-family: 'Barlow Condensed', Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: background 0.2s, transform 0.2s !important;
}
.elementor-button:hover { transform: translateY(-2px) !important; }

/* ---- SITE HEADER ---- */
.site-header {
  background: #ffffff !important;
  border-bottom: 2px solid var(--speedex-gold) !important;
}

/* ---- NAV ---- */
.main-navigation a {
  color: var(--speedex-text) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}
.main-navigation a:hover { color: var(--speedex-gold) !important; }

/* ---- MOBILE ---- */
@media (max-width: 768px) {
  .elementor-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}