/* =====================================================================
Saudi National Day 2026 — TEMPORARY identity overlay
=====================================================================
Purpose : apply the Saudi National Day green (#006C35) on top of the
store's existing purple identity, store-wide, without editing
any of the site's original stylesheets or Blade files.
Loaded : as the LAST in (resources/views/layouts/
front_layout.blade.php), after every other stylesheet
(bootstrap, style.min.css, custom.css, header_v2.css and any
per-page CSS from @yield('css')) — this is what lets a few
targeted rules below override the site's current colors
without touching them.
REMOVAL : delete the single tag that loads this file from
front_layout.blade.php (search "national-day-2026.css").
Nothing else needs to change — the store returns to its
normal purple identity immediately, with no broken layout,
no missing classes, no JS/Controller dependency on this file.
Scope : CSS only. No HTML/Blade structure, Controllers, Routes,
Models, cart/checkout logic or JavaScript were changed to
build this file.
===================================================================== */
/* ========================================================================
CSS VARIABLES
======================================================================== */
:root {
--national-green: #006C35;
--national-green-dark: #004D27;
--national-green-darker: #003B1D;
--national-green-light: #E8F5EE;
--national-green-lighter: #F4FAF6;
/*
The theme's own color system (public/web/assets/css/style.min.css)
exposes the site's primary/secondary accent as CSS custom properties
and is consumed by dozens of theme rules (discount badges, cart
count, checkout "selected payment method" radio, pagination,
coupon/update button hovers, wishlist button, blog links, slick
dots, breadcrumb "active" state, ...). Re-pointing these two
variables to the National Day green is what gives this file most of
its reach with almost no risk: every rule below already existed and
already reacted to these variables — we are only changing what
color they resolve to.
*/
--color-primary: var(--national-green);
--color-secondary: var(--national-green-dark);
/* header_v2.css declares "--brand" / "--brand-300" globally on :root
for the navbar/search accents. Several checkout pages
(order/create.blade.php, order/create_main.blade.php) redeclare
"--brand" / "--brand-2" again on their own :root inside their
@section('css')