/* ============================================
   SHARED SEASONAL BACKGROUNDS
============================================ */
/* Variable sources:
   inc/core-theme-seasonal-backgrounds.php -> bombo_get_season_bg_inline_css()
*/
/* ============================================
   1. Videot + Pelit
============================================ */

/* Use viewport-locked background layer for transparent-header pages.
   This prevents mobile zoom/stretch when page content is tall. */
.page-template-template-videot .bg-wrapper,
.page-pelit .bg-wrapper,
.jakso-template-default .bg-wrapper,
.tarinatuokio-template-default .bg-wrapper,
.elokuva-template-default .bg-wrapper,
.pmpro-levels .bg-wrapper,
.pmpro-checkout .bg-wrapper,
.pmpro-login .bg-wrapper,
.pmpro-confirmation .bg-wrapper,
.pmpro-account .bg-wrapper,
.page-template-template-account .bg-wrapper {
  position: relative;
  background-image: none !important;
  background-color: #0c1c30;
}

.page-template-template-videot .bg-wrapper::before,
.page-pelit .bg-wrapper::before,
.jakso-template-default .bg-wrapper::before,
.tarinatuokio-template-default .bg-wrapper::before,
.elokuva-template-default .bg-wrapper::before,
.pmpro-levels .bg-wrapper::before,
.pmpro-checkout .bg-wrapper::before,
.pmpro-login .bg-wrapper::before,
.pmpro-confirmation .bg-wrapper::before,
.pmpro-account .bg-wrapper::before,
.page-template-template-account .bg-wrapper::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

/* 1. Videot + Pelit - TALVI */
.season-winter.page-template-template-videot .bg-wrapper,
.season-winter.page-pelit .bg-wrapper,
.season-winter.jakso-template-default .bg-wrapper,
.season-winter.tarinatuokio-template-default .bg-wrapper,
.season-winter.elokuva-template-default .bg-wrapper {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-winter);
}

.season-winter.page-template-template-videot .bg-wrapper::before,
.season-winter.page-pelit .bg-wrapper::before,
.season-winter.jakso-template-default .bg-wrapper::before,
.season-winter.tarinatuokio-template-default .bg-wrapper::before,
.season-winter.elokuva-template-default .bg-wrapper::before {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-winter);
}

/* 1. Videot + Pelit - KEVÄT - SPRING - 1 - MAALISKUU + HUHTIKUU*/
.season-spring-1.page-template-template-videot .bg-wrapper,
.season-spring-1.page-pelit .bg-wrapper,
.season-spring-1.jakso-template-default .bg-wrapper,
.season-spring-1.tarinatuokio-template-default .bg-wrapper,
.season-spring-1.elokuva-template-default .bg-wrapper
{  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-spring-2);
}

.season-spring-1.page-template-template-videot .bg-wrapper::before,
.season-spring-1.page-pelit .bg-wrapper::before,
.season-spring-1.jakso-template-default .bg-wrapper::before,
.season-spring-1.tarinatuokio-template-default .bg-wrapper::before,
.season-spring-1.elokuva-template-default .bg-wrapper::before {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-spring-2);
}


/* 1. Videot + Pelit - KEVÄT - SPRING - 2 - TOUKOKUU*/
.season-spring-2.page-template-template-videot .bg-wrapper,
.season-spring-2.page-pelit .bg-wrapper,
.season-spring-2.jakso-template-default .bg-wrapper,
.season-spring-2.tarinatuokio-template-default .bg-wrapper,
.season-spring-2.elokuva-template-default .bg-wrapper {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-spring-2);
}

.season-spring-2.page-template-template-videot .bg-wrapper::before,
.season-spring-2.page-pelit .bg-wrapper::before,
.season-spring-2.jakso-template-default .bg-wrapper::before,
.season-spring-2.tarinatuokio-template-default .bg-wrapper::before,
.season-spring-2.elokuva-template-default .bg-wrapper::before {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-spring-2);
}


/* 1. Videot + Pelit - KESÄ - SUMMER - KESÄKUU, HEINÄKUU, ELOKUU */
.season-summer.page-template-template-videot .bg-wrapper,
.season-summer.page-pelit .bg-wrapper,
.season-summer.jakso-template-default .bg-wrapper,
.season-summer.tarinatuokio-template-default .bg-wrapper,
.season-summer.elokuva-template-default .bg-wrapper {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-summer);
}

.season-summer.page-template-template-videot .bg-wrapper::before,
.season-summer.page-pelit .bg-wrapper::before,
.season-summer.jakso-template-default .bg-wrapper::before,
.season-summer.tarinatuokio-template-default .bg-wrapper::before,
.season-summer.elokuva-template-default .bg-wrapper::before {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-summer);
}

/* SYKSY - AUTUMN - SYYSKUU - LOKAKUU */
.season-autumn.page-template-template-videot .bg-wrapper,
.season-autumn.page-pelit .bg-wrapper,
.season-autumn.jakso-template-default .bg-wrapper,
.season-autumn.tarinatuokio-template-default .bg-wrapper,
.season-autumn.elokuva-template-default .bg-wrapper {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-autumn);
}

.season-autumn.page-template-template-videot .bg-wrapper::before,
.season-autumn.page-pelit .bg-wrapper::before,
.season-autumn.jakso-template-default .bg-wrapper::before,
.season-autumn.tarinatuokio-template-default .bg-wrapper::before,
.season-autumn.elokuva-template-default .bg-wrapper::before {
  background-image:
    linear-gradient(
      135deg,
      rgba(30, 50, 80, 0.7),
      rgba(200, 215, 230, 0.35)
    ),
    var(--bombo-bg-shared-autumn);
}

/* 1. Videot + Pelit = TRANSPARENT HEADER */
.page-template-template-videot .site-header,
.page-template-template-videot main,
.page-pelit .site-header,
.page-pelit main,
.jakso-template-default .site-header,
.jakso-template-default main,
.tarinatuokio-template-default .site-header,
.tarinatuokio-template-default main,
.elokuva-template-default .site-header,
.elokuva-template-default main {
  background: transparent;
  box-shadow: none;
}

/* 1. Videot + Pelit = BG-OVERLAY */
.page-template-template-videot .bg-overlay,
.page-pelit .bg-overlay,
.jakso-template-default .bg-overlay,
.tarinatuokio-template-default .bg-overlay,
.elokuva-template-default .bg-overlay {
  background: rgba(0, 0, 0, 0.7);
}

/* ============================================
   2. BOMBON MOKKI BG - FRONT PAGE SECTION
============================================ */
.season-winter .feature-mokki .feature-background {
  background-image: var(--bombo-bg-home-mokki-winter);
}

.season-spring-1 .feature-mokki .feature-background {
  background-image: var(--bombo-bg-home-mokki-spring-1);
}

.season-spring-2 .feature-mokki .feature-background {
  background-image: var(--bombo-bg-home-mokki-spring-2);
}

.season-summer .feature-mokki .feature-background {
  background-image: var(--bombo-bg-home-mokki-summer);
}

.season-autumn .feature-mokki .feature-background {
  background-image: var(--bombo-bg-home-mokki-autumn);
}

/* ============================================
   2.1 KERHO BG - FRONT PAGE SECTION (palautettu)
============================================ */
.season-winter .feature-kerho .feature-background {
  background-image: var(--bombo-bg-kerho-1-winter);
}

.season-spring-1 .feature-kerho .feature-background {
  background-image: var(--bombo-bg-kerho-1-spring-1);
}

.season-spring-2 .feature-kerho .feature-background {
  background-image: var(--bombo-bg-kerho-1-spring-2);
}

.season-summer .feature-kerho .feature-background {
  background-image: var(--bombo-bg-kerho-1-summer);
}

.season-autumn .feature-kerho .feature-background {
  background-image: var(--bombo-bg-kerho-1-autumn);
}

/* ============================================
   2.1 KERHO BG - KERHO SIVU - YLÄOSA
============================================ */
.season-winter.page-template-template-kerho .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-winter);
}

.season-spring-1.page-template-template-kerho .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-spring-1);
}

.season-spring-2.page-template-template-kerho .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-spring-2);
}

.season-summer.page-template-template-kerho .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-summer);
}

.season-autumn.page-template-template-kerho .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-autumn);
}

/* 2. KERHO = BG-OVERLAY */
.page-template-template-kerho .bg-overlay {
  background: rgba(0, 0, 0, 0.7);
}

/* 2. KERHO - TRANSPARENT HEADER */
.page-template-template-kerho .site-header,
.page-template-template-kerho main {
  background: transparent;
  box-shadow: none;
}

/* ============================================
   2.2 KERHO BG - KERHO SIVU - FAQ
============================================ */
.season-winter .kerho-faq {
  background-image: var(--bombo-bg-kerho-2-winter);
}

.season-spring-1 .kerho-faq {
  background-image: var(--bombo-bg-kerho-2-spring-1);
}

.season-spring-2 .kerho-faq {
  background-image: var(--bombo-bg-kerho-2-spring-2);
}

.season-summer .kerho-faq {
  background-image: var(--bombo-bg-kerho-2-summer);
}

.season-autumn .kerho-faq {
  background-image: var(--bombo-bg-kerho-2-autumn);
}

/* ============================================
   2.3 KERHO BG - KERHO SIVU - CTA
============================================ */
.season-winter .kerho-cta-footer {
  background: transparent !important;
  background-image: var(--bombo-bg-kerho-3-winter);
}

.season-spring-1 .kerho-cta-footer {
  background-image: var(--bombo-bg-kerho-3-spring-1);
}

.season-spring-2 .kerho-cta-footer {
  background-image: var(--bombo-bg-kerho-3-spring-2);
}

.season-summer .kerho-cta-footer {
  background-image: var(--bombo-bg-kerho-3-summer);
}

.season-autumn .kerho-cta-footer {
  background-image: var(--bombo-bg-kerho-3-autumn);
}


/* ============================================
   4. PMPRO + LOGIN + ACCOUNT PAGES
============================================ */
.season-winter.pmpro-levels .bg-wrapper,
.season-winter.pmpro-checkout .bg-wrapper,
.season-winter.pmpro-login .bg-wrapper,
.season-winter.pmpro-confirmation .bg-wrapper,
.season-winter.pmpro-account .bg-wrapper,
.season-winter.page-template-template-account .bg-wrapper {
  background-image: var(--bombo-bg-kerho-1-winter);
}

.season-winter.pmpro-levels .bg-wrapper::before,
.season-winter.pmpro-checkout .bg-wrapper::before,
.season-winter.pmpro-login .bg-wrapper::before,
.season-winter.pmpro-confirmation .bg-wrapper::before,
.season-winter.pmpro-account .bg-wrapper::before,
.season-winter.page-template-template-account .bg-wrapper::before {
  background-image: var(--bombo-bg-kerho-1-winter);
}

/* 4. PMPRO - BG OVERLAY */
.season-winter.pmpro-levels .bg-overlay,
.season-winter.pmpro-checkout .bg-overlay,
.season-winter.pmpro-login .bg-overlay,
.season-winter.pmpro-confirmation .bg-overlay,
.season-winter.pmpro-account .bg-overlay,
.season-winter.page-template-template-account .bg-overlay {
  background: rgba(0, 0, 0, 0.7);
}

/* 4. PMPRO  = TRANSPARENT HEADER */
.season-winter.pmpro-levels .site-header,
.season-winter.pmpro-checkout .site-header,
.season-winter.pmpro-login .site-header,
.season-winter.pmpro-confirmation .site-header,
.season-winter.pmpro-account .site-header,
.season-winter.page-template-template-account .site-header {
  background: transparent;
  box-shadow: none;
}

/* 4. PMPRO  = TRANSPARENT MAIN */
.season-winter.pmpro-levels main,
.season-winter.pmpro-checkout main,
.season-winter.pmpro-login main,
.season-winter.pmpro-confirmation main,
.season-winter.pmpro-account main,
.season-winter.page-template-template-account main {
  background: transparent;
  box-shadow: none;
}

/* 4. PMPRO  = TRANSPARENT FOOTER */
.pmpro-checkout footer,
.pmpro-login footer,
.pmpro-confirmation footer,
.pmpro-account footer,
.page-template-template-account .site-footer {
  background-color: transparent;
  box-shadow: none;
}

/* Keep levels page footer readable (semi-transparent instead of fully transparent). */
.pmpro-levels footer {
  background-color: rgba(12, 28, 52, 0.82);
}

/* PMPRO mobile: estä fixed-taustan zoom/hyppy scrollissa */
@media (max-width: 768px) {
  .pmpro-levels .bg-wrapper,
  .pmpro-checkout .bg-wrapper,
  .pmpro-login .bg-wrapper,
  .pmpro-confirmation .bg-wrapper,
  .pmpro-account .bg-wrapper {
    background-attachment: scroll !important;
    background-position: center top;
  }
}




/* ============================================
   HOME SECTIONS
============================================ */
/* ============================================
   SHARED SEASONAL BACKGROUNDS
   HOME + VIDEOS
============================================ */
.preview-card {
  background:
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 1)
    )
}

.season-spring-1 .preview-card {
  background-image:
    linear-gradient(
      135deg,
      rgba(120, 170, 120, 0.55),
      rgba(220, 240, 210, 0.25)
    ),
    var(--bombo-bg-shared-spring-1);
  background-position: left;
}

.season-spring-2 .preview-card {
  background-image:
    linear-gradient(
      135deg,
      rgba(120, 170, 120, 0.55),
      rgba(220, 240, 210, 0.25)
    ),
    var(--bombo-bg-shared-spring-2);
}

.season-summer .preview-card {
  background-image:
    linear-gradient(
      135deg,
      rgba(255, 180, 90, 0.6),
      rgba(255, 230, 160, 0.3)
    ),
    var(--bombo-bg-shared-summer);
}

.season-autumn .preview-card {
  background-image:
    linear-gradient(
      135deg,
      rgba(140, 80, 40, 0.65),
      rgba(220, 170, 120, 0.3)
    ),
    var(--bombo-bg-shared-autumn);
}