/*
 * Galarza colour system — step 09
 * Reference direction: deep spa teal, warm ivory and restrained terracotta.
 * Layout, typography, dimensions and animation states are intentionally untouched.
 */
:root {
  --galarza-teal: #056561;
  --galarza-teal-dark: #034a47;
  --galarza-teal-deep: #173d3a;
  --galarza-ivory: #f7f5ef;
  --galarza-ivory-soft: #fbfaf7;
  --galarza-sand: #eaded4;
  --galarza-coral: #d98663;
  --galarza-coral-dark: #a95539;
  --galarza-muted: #58736f;
  --galarza-line: #b8cbc7;

  /* Existing Webflow variables are remapped rather than rewriting the layout CSS. */
  --black: var(--galarza-teal-dark);
  --dim-grey: var(--galarza-muted);
  --light_grey: var(--galarza-ivory);
  --nav-link: var(--galarza-teal-dark);
  --current-nav: var(--galarza-coral-dark);
  --indian-red: var(--galarza-coral-dark);
  --swiper-theme-color: var(--galarza-teal);
}

html,
body,
.body,
.body_soins,
.main_container {
  background-color: var(--galarza-ivory);
  color: var(--galarza-teal-deep);
}

body,
p,
.paragraph_on_white,
.paragraph_dark.mt-4vw.width-100,
.paragraph_dark.mt-4vw.contact_text,
.soins_blocs_text,
.soins_caption_description,
.caption_title_soins,
.soins_section_01_title,
.h5_objectifs,
.contact_email,
.numbers_quote,
.ic_navigation_quote {
  color: var(--galarza-teal-deep);
}

::selection {
  background: var(--galarza-teal);
  color: var(--galarza-ivory);
}

::-moz-selection {
  background: var(--galarza-teal);
  color: var(--galarza-ivory);
}

a {
  color: var(--galarza-teal-dark);
}

a:hover,
a:focus-visible,
.contact-inline-link:hover,
.galarza-inline-emphasis,
.galarza-service-price {
  color: var(--galarza-coral-dark);
}

/* Navigation: a stable teal band inspired by the reference site. */
.menu,
.navbar {
  color: var(--galarza-ivory);
  background-color: var(--galarza-teal-dark);
  mix-blend-mode: normal !important;
}

.nav-menu,
.content_nav_mobile {
  background-color: var(--galarza-teal-dark);
}

.text_brand,
.nav_link_2,
.nav_link_2:hover,
.ic_burger_line {
  color: var(--galarza-ivory);
}

.ic_burger_line {
  background-color: var(--galarza-ivory);
}

.underline_nav_link {
  background-color: var(--galarza-coral);
}

.nav_link_2.w--current,
.nav_link_2:hover,
.nav_link_2:focus-visible {
  color: var(--galarza-coral);
}

.langs,
.langs a {
  color: #c1d0cd;
}

.langs a:hover,
.langs a:focus-visible {
  color: var(--galarza-coral);
}

.menu-button,
.menu-button-2,
.menu-button-2.w--open {
  background-color: transparent;
}

.fake-menu-bar,
.dropdown-list.w--open {
  background-color: var(--galarza-teal-dark);
}

/* The original monochrome dark sections become the reference teal. */
.background_holder,
.background_holder-2,
.background_container_full_width,
.background_container_full_width-3,
.content-section,
.container_quote,
.dark_bg_presentation,
.soin_section_02_bg_full,
.bg_black_h-50,
.black_overlay_in,
.black_overlay_out,
.page_transition,
.page_transition_load,
.introduction-video {
  background-color: var(--galarza-teal-dark);
}

.overlay,
.full_black_layout {
  background-color: rgba(3, 74, 71, .74);
}

.layout_black {
  background-color: rgba(3, 74, 71, .25);
}

.layout_black_marquee {
  background-color: rgba(3, 74, 71, .08);
}

/* Light sections are warm rather than clinical white. */
.galarza-about-summary,
.section_5_axes,
.soin_section_01,
.soin_section_03,
.contact_content_wrapper,
.slider_quote {
  background-color: var(--galarza-ivory);
}

.galarza-about-summary {
  color: var(--galarza-teal-deep);
}

/* Text and rules on teal sections. */
.h1,
.h3,
.paragraph_on_dark,
.number_on_dark,
.header_definition,
.ic_sroll,
.h3_hero,
.vertical_text.text_on_dark,
.footer_fact,
.link_nav_footer,
.footer_copyright,
.transition_text_in_01,
.transition_text_out_01,
.transition_text_out_02,
.transition_text_in_02,
.caption_title_next_soin,
.cta_text {
  color: var(--galarza-ivory);
}

.h1.h1_body.mb_12,
.h1.h1_body.mb_12.text_dark.regular_title,
.h1.h1_body.mb_12.text_dark.regular_title.mr-8,
.h1.h1_body.text_dark,
.h1.h1_body.main_title_quote,
.h1.thin_text.font-30.dark_text,
.h1.text_black,
.number_on_dark.dark_text,
.cta_text.text_dark,
.section_5_axes .h1.h1_body.mb_12.text_dark.regular_title {
  color: var(--galarza-teal-dark);
}

.lightvertical_line.left,
.lightvertical_line.center,
.lightvertical_line.right,
.horizontal_line,
.strikethrough_line,
.horizontal_divider,
.nav_footer {
  background-color: var(--galarza-ivory);
  border-color: var(--galarza-ivory);
}

.lightvertical_line.left.tryptique_line,
.lightvertical_line.right.tryptique_line,
.horizontal_line.black_color,
.horizontal_line.color_black,
.line_border_top,
.contact_infos_divider,
.border_top_bloc,
.border_bottom_bloc {
  background-color: var(--galarza-teal-dark);
}

.border_marquee_wrapper.border_dark,
.localisation_cta,
.contact_cta {
  border-color: var(--galarza-teal-dark);
}

/* Calls to action retain the same animation layers, only the paints change. */
.button,
.some-button,
.cta_circle,
.cta_circle_black {
  background-color: var(--galarza-teal);
  color: var(--galarza-ivory);
}

.button:hover,
.some-button:hover {
  background-color: var(--galarza-coral-dark);
}

.cta_circle.border_light,
.cta_circle_black.border_light {
  border-color: rgba(247, 245, 239, .7);
}

.cta_circle_white {
  background-color: var(--galarza-sand);
  border-color: var(--galarza-teal-dark);
}

/* Form and slider controls follow the same palette. */
.w-input,
.w-select {
  background-color: var(--galarza-ivory-soft);
  border-color: var(--galarza-line);
  color: var(--galarza-teal-deep);
}

.w-input:focus,
.w-select:focus {
  border-color: var(--galarza-teal);
}

.w-input::placeholder,
.w-select::placeholder {
  color: var(--galarza-muted);
}

.swiper-pagination-bullet,
.swp-carrousel .swiper-pagination-bullet:before,
.onsen-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--galarza-teal);
}

/* Decorative outline typography, recoloured without changing its geometry. */
.outline_text_light {
  -webkit-text-stroke-color: var(--galarza-ivory);
}

.outline_light_300 {
  -webkit-text-stroke-color: #a7c3bf;
}

.outline_light_100 {
  -webkit-text-stroke-color: #5d7e7a;
}

.outline_dark {
  -webkit-text-stroke-color: var(--galarza-teal-dark);
}

.outline_dark_400 {
  -webkit-text-stroke-color: #3d7470;
}

.outline_dark_300 {
  -webkit-text-stroke-color: #6e9b97;
}

.outline_dark_200 {
  -webkit-text-stroke-color: #a7c3bf;
}

.outline_dark_100 {
  -webkit-text-stroke-color: #d1dedb;
}

/* Shared footer: deeper teal with calm ivory typography. */
.galarza-site-footer {
  background: var(--galarza-teal-dark);
  color: var(--galarza-ivory);
}

.galarza-footer-title,
.galarza-footer-nav a,
.galarza-footer-bottom a:hover {
  color: var(--galarza-ivory);
}

.galarza-footer-kicker,
.galarza-footer-bottom {
  color: #c1d0cd;
}

.galarza-footer-nav {
  border-top-color: rgba(247, 245, 239, .38);
}

.galarza-footer-nav a:hover,
.galarza-footer-nav a.is-current {
  color: var(--galarza-coral);
  opacity: 1;
}

/* Keep WhatsApp in its recognised official green. */
.whatsapp-button {
  background: #25d366 !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(3, 74, 71, .28) !important;
}

.whatsapp-button:hover {
  box-shadow: 0 9px 24px rgba(3, 74, 71, .34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-button:hover {
    transform: none;
  }
}