/*
Theme Name: Convenient Moving Services Divi 5 Clean
Theme URI: https://convenientmovingservices.ca/
Description: Clean Divi 5 child theme for building the Convenient Moving Services landing page natively in Divi 5. No forced templates, shortcodes, or legacy builder content.
Author: Convenient Moving Services
Template: Divi
Version: 1.0.0
Text Domain: convenient-moving-divi5-clean
*/

:root {
  --cms-navy: #07214b;
  --cms-blue: #135fa7;
  --cms-sky: #eef8ff;
  --cms-green: #8dc63f;
  --cms-green-dark: #4b9f1f;
  --cms-orange: #ff8a1c;
  --cms-ink: #101828;
  --cms-muted: #5e6978;
  --cms-line: #dde6ee;
  --cms-soft: #f5f8fb;
  --cms-shadow: 0 18px 48px rgba(7, 33, 75, .14);
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cms-hide-theme-header #main-header,
.cms-hide-theme-header #top-header,
.cms-hide-theme-header .et-l--header {
  display: none !important;
}

.cms-hide-theme-footer #main-footer,
.cms-hide-theme-footer .et-l--footer {
  display: none !important;
}

.cms-landing-page #page-container {
  padding-top: 0 !important;
}

.cms-hero-section {
  background-image:
    linear-gradient(90deg, rgba(7, 33, 75, .98) 0%, rgba(7, 33, 75, .86) 43%, rgba(7, 33, 75, .5) 70%, rgba(7, 33, 75, .24) 100%),
    linear-gradient(0deg, rgba(7, 33, 75, .44), rgba(7, 33, 75, .08)),
    url("assets/toronto-moving-truck.png");
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

.cms-soft-section {
  background: var(--cms-soft);
}

.cms-card {
  background: #fff;
  border: 1px solid var(--cms-line);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(7, 33, 75, .07);
}

.cms-premium-card {
  background: #fff;
  border: 2px solid var(--cms-green);
  border-radius: 8px;
  box-shadow: 0 22px 54px rgba(75, 159, 31, .2);
}

.cms-button-orange {
  background: var(--cms-orange) !important;
  color: #fff !important;
  border-color: var(--cms-orange) !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
}

.cms-button-green {
  background: var(--cms-green) !important;
  color: var(--cms-navy) !important;
  border-color: var(--cms-green) !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
}

.cms-text-navy,
.cms-text-navy h1,
.cms-text-navy h2,
.cms-text-navy h3 {
  color: var(--cms-navy) !important;
}

.cms-text-white,
.cms-text-white h1,
.cms-text-white h2,
.cms-text-white h3,
.cms-text-white p,
.cms-text-white li {
  color: #fff !important;
}

.cms-accent-green {
  color: var(--cms-green) !important;
}

.cms-accent-orange {
  color: var(--cms-orange) !important;
}

.cms-mobile-sticky-cta {
  display: none;
}

@media (max-width: 980px) {
  .cms-hero-section {
    background-position: 30% center;
  }
}

@media (max-width: 767px) {
  .cms-mobile-sticky-cta {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -8px 28px rgba(7, 33, 75, .16);
  }
}