/* WatchOps24 — Saudi National Day 96 seasonal image switch
   Originals remain untouched. This file only points to assets/national-day-96/.
   Activated automatically by national-day.js from Sep 16 through Sep 26, 2026.
   Preview anytime with ?nd96=1
*/

/* Homepage hero background */
html.nd96-season-images body .hero#top .hero-bg{
  background-image:
    linear-gradient(90deg,rgba(2,8,23,.76) 0%,rgba(2,8,23,.46) 27%,rgba(2,8,23,.08) 55%,rgba(2,8,23,.18) 100%),
    linear-gradient(0deg,rgba(2,8,23,.82),transparent 44%),
    url('assets/national-day-96/hero-building.webp') !important;
}
html.nd96-season-images[dir="ltr"] body .hero#top .hero-bg,
html.nd96-season-images body.en .hero#top .hero-bg{
  background-image:
    linear-gradient(-90deg,rgba(2,8,23,.76) 0%,rgba(2,8,23,.46) 27%,rgba(2,8,23,.08) 55%,rgba(2,8,23,.18) 100%),
    linear-gradient(0deg,rgba(2,8,23,.82),transparent 44%),
    url('assets/national-day-96/hero-building.webp') !important;
}

/* Pricing hero uses the same original business-hero image, so use its green seasonal version. */
html.nd96-season-images .pricing-hero-bg{
  background-image:url('assets/national-day-96/business-hero.webp') !important;
}

/* Image-based heroes / campaign imagery */
html.nd96-season-images .hero#top > img.hero-bg[src*="business-hero"],
html.nd96-season-images section.hero#top > img.hero-bg{
  content:url('assets/national-day-96/business-hero.webp');
}
html.nd96-season-images .ind-hero > img[src*="family-home"]{
  content:url('assets/national-day-96/family-home.webp');
}
html.nd96-season-images .partner-cta > img[src*="partner-cta"]{
  content:url('assets/national-day-96/partner-cta.webp');
}

/* Keep cropping/positioning controlled by the page's original CSS. */


/* =========================================================
   ND96 v20 — reveal the full National Day artwork under header
   Show more of the TOP of every seasonal image so the
   "عزنا بطبعنا" mark remains visible. Image files are untouched.
   ========================================================= */

/* Homepage seasonal background */
html.nd96-season-images body .hero#top .hero-bg{
  background-position:center 30% !important;
}

/* Business hero seasonal image */
html.nd96-season-images .hero#top > img.hero-bg[src*="business-hero"],
html.nd96-season-images section.hero#top > img.hero-bg{
  object-position:center 30% !important;
}

/* Individuals hero seasonal image */
html.nd96-season-images .ind-hero > img[src*="family-home"]{
  object-position:center 30% !important;
}

/* Partners seasonal image */
html.nd96-season-images .partner-cta > img[src*="partner-cta"]{
  object-position:center 30% !important;
}

/* =========================================================
   ND96 v22 — lower the seasonal artwork inside every hero crop
   so the National Day identity at the TOP remains fully visible.
   Images themselves are unchanged.
   ========================================================= */
html.nd96-season-images body .hero#top .hero-bg{
  background-position:center top !important;
}
html.nd96-season-images .pricing-hero-bg{
  background-position:center top !important;
}
html.nd96-season-images .hero#top > img.hero-bg[src*="business-hero"],
html.nd96-season-images section.hero#top > img.hero-bg,
html.nd96-season-images .ind-hero > img[src*="family-home"],
html.nd96-season-images .partner-cta > img[src*="partner-cta"]{
  object-position:center top !important;
}

/* =========================================================
   ND96 v23 — SAME vertical image offset on ALL seasonal heroes.
   Move the artwork down 80px so the National Day logo/slogan
   is fully visible below the fixed header. Images are unchanged.
   ========================================================= */

/* Home */
html.nd96-season-images body .hero#top .hero-bg{
  background-position:center 80px !important;
}

/* Business */
html.nd96-season-images .hero#top > img.hero-bg[src*="business-hero"],
html.nd96-season-images section.hero#top > img.hero-bg{
  object-position:center 70px !important;
}

/* Individuals */
html.nd96-season-images .ind-hero > img[src*="family-home"]{
  object-position:center 70px !important;
}

/* Partners — hero and CTA seasonal artwork */
html.nd96-season-images .partner-hero-media img,
html.nd96-season-images .partner-cta > img[src*="partner-cta"]{
  object-position:center 70px !important;
}

/* Pricing seasonal backgrounds */
html.nd96-season-images .pricing-hero-bg,
html.nd96-season-images .nd96-image-hero-bg{
  background-position:center 70px !important;
}