diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index 44ca13f..be9eb65 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -3,6 +3,9 @@ --main-blue: #006DB7; --main-yellow: #FFD43E; --section-padding: clamp(30px, 6.25vw, 75px); + --bg-hero: #f6f1e9; + --bg-white: #ffffff; + --bg-mint: #f5faf7; } html { @@ -2094,13 +2097,13 @@ html { } /* ═══════════════════════════════════════════════ - SECTION BACKGROUNDS — full-width, unique per section + SECTION BACKGROUNDS — full-width via shared class + data-bg ═══════════════════════════════════════════════ */ -.camp section:not(.hero-media-search) { +.section-bg { position: relative; } -.camp section::before { +.section-bg::before { content: ''; position: absolute; top: 0; @@ -2109,19 +2112,9 @@ html { width: 100vw; z-index: -1; } - -.hero-media-search::before { background: #f6f1e9; } -.about-us::before { background: #ffffff; } -.suggestions::before { background: #f5faf7; } -.infograph::before { background: #faf7f2; } -.programs::before { background: #faf5eb; } -.bring-child::before { background: #f8f5ff; } -.mentors::before { background: #f0f7fa; } -.routine::before { background: #ffffff; } -.foto::before { background: #faf7f2; } -.camp-reviews::before { background: #f6f1e9; } -.camp-faq::before { background: #ffffff; } -.camp-contact::before { background: #f5faf7; } +.section-bg[data-bg="hero"]::before { background: var(--bg-hero); } +.section-bg[data-bg="white"]::before { background: var(--bg-white); } +.section-bg[data-bg="mint"]::before { background: var(--bg-mint); } @media (prefers-reduced-motion: reduce) { .fade-up { opacity: 1; transform: none; transition: none; } diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index 8d407cb..8f19272 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -79,7 +79,7 @@ $metrics = [ ?> -