/*
 * Active site-wide skin: Variant 5 — beige SPA with booking-first green accents.
 * Loaded after the legacy and component stylesheets to replace the former cool-green global background
 * without altering HTML structure, service content, navigation, or carousel behavior.
 */
:root {
  --spa-page: #f8f1e6;
  --spa-section: #f2e5d2;
  --spa-section-light: #fcf7ee;
  --spa-surface: #fffdf8;
  --spa-ink: #2b3129;
  --spa-body: #52574f;
  --spa-muted: #6d6a60;
  --spa-green: #1b6048;
  --spa-green-dark: #124a37;
  --spa-green-soft: #e8f0e7;
  --spa-gold: #bd955e;
  --spa-border: #e5d6bf;
  --spa-shadow: 0 10px 26px rgba(91, 65, 35, .09);

  --nav-bg: #fbf5eb;
  --nav-ink: #2b3129;
  --nav-muted: #6d6a60;
  --nav-green: #1b6048;
  --nav-green-hover: #124a37;
  --nav-gold: #bd955e;
  --theme-ink: #2b3129;
  --theme-body: #52574f;
  --theme-muted: #6d6a60;
  --theme-green: #1b6048;
  --theme-green-dark: #124a37;
  --theme-gold: #bd955e;
  --theme-line: #e5d6bf;
  --theme-surface: #fffdf8;
  --theme-soft: #f2e5d2;
  --theme-soft-warm: #fbf4e8;
  --theme-radius: 20px;
  --theme-shadow: 0 10px 26px rgba(91, 65, 35, .09);
}

html {
  background: var(--spa-page) !important;
  scroll-behavior: smooth;
}

body {
  color: var(--spa-body) !important;
  background: var(--spa-page) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4,
.block1_headline h1,
#block4_programmsid .block4_h1,
#block5_priceid .block5_price_h1,
#map_block h2,
#block2id .block2_textbox h2,
.block3_sertifacate h2,
#block6_contactsid h2 {
  color: var(--spa-ink) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}

p { color: var(--spa-body); }

/* Header/hero: warm cream surface; keep the existing booking-priority nav layout. */
.nav {
  background:
    radial-gradient(ellipse at 4% 100%, rgba(189, 149, 94, .18), transparent 26%),
    radial-gradient(ellipse at 97% 0%, rgba(104, 130, 81, .10), transparent 25%),
    linear-gradient(105deg, #f6ecdc 0%, #fffaf1 53%, #f0e1cb 100%) !important;
  border-bottom: 1px solid var(--spa-border) !important;
  box-shadow: 0 5px 18px rgba(91, 65, 35, .10) !important;
}

.nav .nav-meta-strip {
  color: #5b6256 !important;
  background: #f5ead8 !important;
  border-color: var(--spa-border) !important;
}

header {
  background:
    radial-gradient(ellipse at 94% 5%, rgba(189, 149, 94, .13), transparent 28%),
    linear-gradient(135deg, #f4e7d4 0%, #fbf6ec 48%, #f0e0c9 100%) !important;
}

.nav-booking,
.header-carousel .header-slide-cta,
.header_button .button,
#block6_contactsid .contacts_botton .button {
  background: linear-gradient(135deg, #267756 0%, #15543e 100%) !important;
  border-color: #15543e !important;
  color: #fffdf8 !important;
  box-shadow: 0 6px 16px rgba(21, 84, 62, .20) !important;
}

.nav-booking:hover,
.header-carousel .header-slide-cta:hover,
#block1id .header_button .button:hover,
#block6_contactsid .contacts_botton .button:hover {
  background: linear-gradient(135deg, #1c684b 0%, #103f30 100%) !important;
}

.header-carousel {
  border: 1px solid rgba(189, 149, 94, .24) !important;
  box-shadow: 0 14px 36px rgba(91, 65, 35, .14) !important;
}

.header_top_border,
.header_bottom_border,
.nav_botton_border,
.block1_headline .header_top_border,
.block1_headline .header_bottom_border,
.block4_top_border,
.block6_top_border,
.block2_bottom_border,
.block3_top_border,
#block5_priceid .price_item_line,
#block4_programmsid [class^="slider_item"][class$="_line"],
#block2id .block2_textbox_line {
  background: linear-gradient(90deg, rgba(189,149,94,0), #d9c19d 45%, rgba(189,149,94,0)) !important;
  border-color: #e3d1b6 !important;
  filter: none !important;
}

/* Alternate warm section backgrounds to provide rhythm without changing section order. */
#block4_programmsid {
  background: linear-gradient(180deg, #f3e6d4 0%, #f8f0e4 100%) !important;
  border-top: 1px solid #ebdcc6 !important;
}

#block5_priceid {
  background: #fcf7ee !important;
  border-top: 1px solid #f0e3d1 !important;
}

#map_block {
  background: linear-gradient(135deg, #f1e2cd 0%, #f8efe2 100%) !important;
}

#block2id {
  background: #fffaf2 !important;
  border-top: 1px solid #f0e4d4 !important;
}

.block3_sertifacate {
  background: linear-gradient(180deg, #f5ead9 0%, #f8f1e7 100%) !important;
  border-top: 1px solid #e9dac3 !important;
}

#block6_contactsid {
  background: linear-gradient(135deg, #efe0cb 0%, #f7efe3 56%, #ead9c0 100%) !important;
  border-top: 1px solid #e3d1b6 !important;
}

/* Program cards */
#block4_programmsid [class^="slider_bg_item"] {
  background: var(--spa-surface) !important;
  border-color: #e5d5bd !important;
  box-shadow: 0 10px 24px rgba(91, 65, 35, .10) !important;
}

#block4_programmsid [class^="slider_bg_item"]:hover {
  border-color: #d2b88f !important;
  box-shadow: 0 14px 28px rgba(91, 65, 35, .14) !important;
}

#block4_programmsid [class^="block4_item"][class$="_headline"] {
  color: #205b44 !important;
}

#block4_programmsid p[class^="slider_item"][class$="_p"] {
  color: #54574e !important;
}

#block4_programmsid p[class^="slider_item"][class$="_h4"] {
  color: #205b44 !important;
}

#block4_programmsid .owl-dots .owl-dot span {
  background: #ddc9a8 !important;
}
#block4_programmsid .owl-dots .owl-dot.active span,
#block4_programmsid .owl-dots .owl-dot:hover span {
  background: #1b6048 !important;
}

/* Pricing cards: warm white surfaces and green price emphasis. */
#block5_priceid .price_wrapper > div[class^="price_item"] {
  background: var(--spa-surface) !important;
  border-color: #e7d8c2 !important;
  box-shadow: 0 8px 22px rgba(91, 65, 35, .08) !important;
}
#block5_priceid .price_wrapper > div[class^="price_item"]:hover {
  border-color: #cdb187 !important;
  box-shadow: 0 12px 27px rgba(91, 65, 35, .13) !important;
}
#block5_priceid .price_wrapper [class$="_txt"] h3,
#block5_priceid .price_wrapper [class$="_txt"] p span {
  color: #1b6048 !important;
}

/* Route/map block */
#map_block .map_widget_links a,
#map_block .map_widget_links > div a {
  color: #17543e !important;
}
#map_block .map_canvas,
#map_block .map_canvas iframe {
  border: 1px solid #e1cfb3 !important;
  box-shadow: 0 12px 28px rgba(91, 65, 35, .13) !important;
}

/* About: softly tinted card for the client-oriented callout. */
#block2id .block2_textbox h3 {
  background: #f5e9d8 !important;
  border-color: #e5d2b7 !important;
  color: #1b6048 !important;
}
#block2id .block2_textbox p strong { color: #174c38 !important; }
#block2id .block2_photobox img {
  border-color: #e5d5bd !important;
  box-shadow: 0 12px 28px rgba(91, 65, 35, .12) !important;
}

/* Certificates */
.block3_sertifacate .sertificate {
  background: #fffdf8 !important;
  border-color: #e4d3bb !important;
  box-shadow: 0 7px 20px rgba(91, 65, 35, .10) !important;
}
.block3_sertifacate .sertificate:hover {
  box-shadow: 0 12px 26px rgba(91, 65, 35, .16) !important;
}

/* Compact contact panel, now matching the beige SPA surfaces. */
#block6_contactsid .contacts_wrapper {
  background: rgba(255, 253, 248, .92) !important;
  border-color: #e3d1b6 !important;
  box-shadow: 0 8px 24px rgba(91, 65, 35, .08) !important;
}
#block6_contactsid .contacts_logo > a {
  background: #fffdf8 !important;
  border-color: #e3d1b6 !important;
  box-shadow: 0 4px 12px rgba(91, 65, 35, .07) !important;
}
#block6_contactsid .contacts_logo > a:hover {
  border-color: #bfa078 !important;
  box-shadow: 0 8px 18px rgba(91, 65, 35, .13) !important;
}
#block6_contactsid .contacts-email a,
#block6_contactsid .contacts-email {
  color: #3f4b40 !important;
}
#block6_contactsid .contacts_botton .button {
  background: linear-gradient(135deg, #267756 0%, #15543e 100%) !important;
}

/* Links, focus states, and section dividers. */
a { text-underline-offset: 3px; }
a:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(189, 149, 94, .95) !important;
  outline-offset: 3px !important;
}

@media (max-width: 767px) {
  body { background: #f8f1e6 !important; }
  #block4_programmsid { background: #f3e6d4 !important; }
  #block5_priceid { background: #fcf7ee !important; }
  #map_block { background: #f1e2cd !important; }
  #block2id { background: #fffaf2 !important; }
  .block3_sertifacate { background: #f5ead9 !important; }
  #block6_contactsid { background: #efe0cb !important; }
  #block6_contactsid .contacts_wrapper { border-radius: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Unified warm background + compact, aligned programme cards (2026-10-11). */
:root {
  --spa-unified-bg: #F7F0E4;
  --spa-unified-surface: #FFFDF8;
  --spa-unified-border: #E5D6BF;
  --spa-unified-ink: #2B3129;
  --spa-unified-body: #52574F;
  --spa-unified-green: #1B6048;
  --spa-unified-green-dark: #124A37;
  --spa-unified-gold: #BD955E;
}

/* One consistent page background across every major section. */
html,
body,
header,
.nav,
.nav .nav-meta-strip,
#block4_programmsid,
#block5_priceid,
#map_block,
#block2id,
.block3_sertifacate,
#block6_contactsid {
  background: var(--spa-unified-bg) !important;
  background-image: none !important;
}

html,
body {
  color: var(--spa-unified-body) !important;
}

#block4_programmsid,
#block5_priceid,
#map_block,
#block2id,
.block3_sertifacate,
#block6_contactsid {
  border-top: 1px solid rgba(189, 149, 94, .20) !important;
}

/* Programme cards: larger illustrations, reduced empty space, consistent internal rhythm. */
#block4_programmsid [class^="slider_bg_item"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 9px 18px 12px !important;
  border: 1px solid var(--spa-unified-border) !important;
  border-radius: 18px !important;
  background: var(--spa-unified-surface) !important;
  box-shadow: 0 7px 20px rgba(91, 65, 35, .075) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#block4_programmsid [class^="slider_item"][class$="_logo"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 100px !important;
  width: 100% !important;
  height: 100px !important;
  max-width: 100% !important;
  margin: 0 auto 2px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#block4_programmsid [class^="slider_item"][class$="_logo"] img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 270px) !important;
  max-height: 92px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

#block4_programmsid [class^="block4_item"][class$="_headline"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 44px !important;
  margin: 0 auto 5px !important;
  color: var(--spa-unified-green) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: clamp(15.5px, 1.05vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-align: center !important;
  text-wrap: balance;
}

#block4_programmsid [class^="slider_item"][class$="_line"] {
  flex: 0 0 2px !important;
  width: 56px !important;
  height: 2px !important;
  margin: 0 auto 6px !important;
  background: #D9C19D !important;
  border: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}

#block4_programmsid p[class^="slider_item"][class$="_p"] {
  flex: 0 0 auto !important;
  min-height: 102px !important;
  margin: 0 0 5px !important;
  color: var(--spa-unified-body) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}

#block4_programmsid p[class^="slider_item"][class$="_h4"] {
  flex: 0 0 auto !important;
  min-height: 22px !important;
  margin: 1px 0 !important;
  color: var(--spa-unified-green) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}

#block4_programmsid .owl-stage-outer {
  overflow: hidden !important;
}

#block4_programmsid .owl-nav button.owl-prev,
#block4_programmsid .owl-nav button.owl-next {
  z-index: 12 !important;
}

/* Cards remain slightly raised from the same page background. */
#block5_priceid .price_wrapper > div[class^="price_item"],
.block3_sertifacate .sertificate,
#block6_contactsid .contacts_wrapper {
  background: var(--spa-unified-surface) !important;
  border-color: var(--spa-unified-border) !important;
}

#block4_programmsid .block4_h1,
#block5_priceid .block5_price_h1,
#map_block h2,
#block2id .block2_textbox h2,
.block3_sertifacate h2,
#block6_contactsid > .wrapper > h2 {
  color: var(--spa-unified-ink) !important;
}

@media (max-width: 900px) {
  #block4_programmsid [class^="slider_bg_item"] {
    padding: 9px 16px 12px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] {
    flex-basis: 94px !important;
    height: 94px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] img {
    max-height: 92px !important;
  }
}

@media (max-width: 767px) {
  #block4_programmsid [class^="slider_bg_item"] {
    padding: 9px 16px 12px !important;
    border-radius: 16px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] {
    flex-basis: 94px !important;
    height: 94px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] img {
    max-width: min(100%, 250px) !important;
    max-height: 92px !important;
  }

  #block4_programmsid [class^="block4_item"][class$="_headline"] {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  #block4_programmsid p[class^="slider_item"][class$="_p"] {
    min-height: 94px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }

  #block4_programmsid p[class^="slider_item"][class$="_h4"] {
    font-size: 13.5px !important;
  }
}

@media (max-width: 380px) {
  #block4_programmsid [class^="slider_bg_item"] {
    padding: 8px 13px 11px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] {
    flex-basis: 86px !important;
    height: 86px !important;
  }

  #block4_programmsid [class^="slider_item"][class$="_logo"] img {
    max-height: 84px !important;
  }

  #block4_programmsid p[class^="slider_item"][class$="_p"] {
    min-height: 0 !important;
  }
}

