.elementor-kit-4{--e-global-color-primary:#0D615D;--e-global-color-secondary:#2AA83E;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Baloo 2";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   DESCUBRA — WooCommerce styling
   Scope: pages Woo + ta page "Réservation" (si Woo body class manque)
   Palette: Teal #0D615D | Green #2AA83E | Pink #EE7395 | Gold #F9C127
   ========================================================= */

:root {
  --de-teal: #0D615D;
  --de-green: #2AA83E;
  --de-pink: #EE7395;
  --de-gold: #F9C127;
}

/* ---------- SCOPE ----------
   - body.woocommerce-page : la plupart des pages Woo (dont single product souvent)
   - body.woocommerce-checkout / body.woocommerce-cart : cas particuliers
   - ul.products / div.product : attrape quand c’est injecté dans une page Elementor
-------------------------------- */
body.woocommerce-page,
body.woocommerce-checkout,
body.woocommerce-cart {
  /* scope marker only */
}

/* =========================================================
   LINKS (products / categories) — sans casser le reste du site
   ========================================================= */
body.woocommerce-page .woocommerce a,
body.woocommerce-checkout .woocommerce a,
body.woocommerce-cart .woocommerce a,
body .woocommerce ul.products li.product a {
  color: var(--de-teal) !important;
  text-decoration: none;
}

body.woocommerce-page .woocommerce a:hover,
body.woocommerce-checkout .woocommerce a:hover,
body.woocommerce-cart .woocommerce a:hover,
body .woocommerce ul.products li.product a:hover {
  color: var(--de-pink) !important;
  text-decoration: underline;
}

/* =========================================================
   PRICE — cible la classe la plus stable (woocommerce-Price-amount)
   ========================================================= */
body.woocommerce-page .woocommerce-Price-amount.amount,
body.woocommerce-checkout .woocommerce-Price-amount.amount,
body.woocommerce-cart .woocommerce-Price-amount.amount,
body .woocommerce-Price-amount.amount {
  color: var(--de-gold) !important;
  font-weight: 800 !important;
}

/* si prix barré / promo */
body .woocommerce del .woocommerce-Price-amount.amount {
  opacity: 0.6;
}

/* =========================================================
   BUTTONS — règle le problème "bouton violet" sur la page produit
   (on cible les vrais boutons Woo + variations add-to-cart)
   ========================================================= */
body.woocommerce-page .woocommerce a.button,
body.woocommerce-page .woocommerce button.button,
body.woocommerce-page .woocommerce input.button,
body.woocommerce-page .woocommerce a.add_to_cart_button,
body.woocommerce-page .woocommerce a.ajax_add_to_cart,
body.woocommerce-page .woocommerce button.single_add_to_cart_button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-cart .woocommerce a.button,
body .woocommerce a.add_to_cart_button,
body .woocommerce a.ajax_add_to_cart,
body .woocommerce button.single_add_to_cart_button {
  background: var(--de-gold) !important;
  color: var(--de-teal) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Hover */
body.woocommerce-page .woocommerce a.button:hover,
body.woocommerce-page .woocommerce a.add_to_cart_button:hover,
body.woocommerce-page .woocommerce a.ajax_add_to_cart:hover,
body.woocommerce-page .woocommerce button.single_add_to_cart_button:hover,
body .woocommerce a.add_to_cart_button:hover,
body .woocommerce a.ajax_add_to_cart:hover,
body .woocommerce button.single_add_to_cart_button:hover {
  filter: brightness(0.95);
}

/* =========================================================
   OPTIONAL — hide sorting if only one product
   ========================================================= */
body.woocommerce-page .woocommerce-ordering,
body .woocommerce-ordering {
  display: none !important;
}

/* =========================================================
   FORCE DESCUBRA BUTTONS (archive + single product)
   ========================================================= */

/* 1) Boutons "Ajouter au panier" en listing (Réservation / boutique) */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.ajax_add_to_cart,
.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.ajax_add_to_cart,
.woocommerce-page ul.products li.product a.button{
  background-color: var(--de-gold) !important;
  color: var(--de-teal) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 2) Bouton principal sur page produit */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product .woocommerce button.single_add_to_cart_button,
.single-product .woocommerce .single_add_to_cart_button,
.single-product .wp-element-button{
  background-color: var(--de-gold) !important;
  color: var(--de-teal) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Hover */
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product a.ajax_add_to_cart:hover,
.single-product .single_add_to_cart_button:hover,
.single-product .wp-element-button:hover{
  filter: brightness(0.95);
}

/* =========================
   CHECKOUT — bouton "Commander"
   ========================= */

/* Bouton principal */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button{
  background: var(--de-gold) !important;
  color: var(--de-teal) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Hover */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{
  filter: brightness(0.95);
}

/* Focus (accessibilité) */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus{
  outline: 3px solid rgba(45,184,75,0.35) !important; /* vert vif en halo */
  outline-offset: 2px;
}/* End custom CSS */