/*
Theme Name: healthanalytica
Theme URI: https://healthanalytica.fr/
Description: Thème enfant de Hello Elementor
Author: Maxime Potier
Author URI: https://healthanalytica.fr/
Template: hello-elementor
Version: 1.4.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthanalytica
*/

/* Import du thème parent */
@import url("../hello-elementor/style.css");

/* =========================
   TOC ETUDE (.ha-toc)
   Sticky desktop only. Below 1025px the TOC stays in the flow: pinned, it
   would cover most of the viewport. Keep this breakpoint in sync with
   DESKTOP_QUERY in assets/js/sticky-ha-toc.js.
   ========================= */
@media (min-width: 1025px) {
  .ha-toc {
    position: sticky;
    top: 2rem; /* Ajuste selon ton header */
    z-index: 100;
  }
}

/* =========================
   GLOBALS & RESETS
   ========================= */

/* Listes sans puces par défaut pour les shortcodes */
ul[class^="etude-"] {
  padding: 0;
  list-style: none;
}

/* =========================
   SHORTCODE : CONTENU
   ========================= */

.ha-contenu h2 {
  color: #333434;
  font-family: "Montserrat Alternates";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
}

.ha-contenu p {
  color: var(--Black, #333434);
  font-family: "Montserrat Alternates";
  font-size: 18px;
  font-style: normal;
  line-height: 140%; /* 25.2px */
}

/* =========================
   SHORTCODE : POINTS
   ========================= */
/* Mobile-first: liste verticale. Les colonnes n'apparaissent qu'a partir de
   768px, comme .etude-metas et ul.etude-questions. En dessous, les 3 points
   se partageaient la largeur et chaque libelle se cassait mot par mot. */
ul.etude-points {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  ul.etude-points {
    flex-direction: row;
    gap: 40px;
  }
}
ul.etude-points li {
  display: flex;
  gap: 16px;
  position: relative;
}
.etude-point-svg-wrap {
  flex: 0 0 auto; /* la pastille ne s'ecrase pas quand le libelle passe sur 2 lignes */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 66.667px;
  background: rgba(126, 194, 216, 0.1);
  padding: 8px;
}
ul.etude-points li svg {
  width: 16px;
  height: 16px;
  object-fit: contain;
  object-position: center;
  position: relative;
}

/* =========================
   SHORTCODE : METAS
   ========================= */
.etude-metas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .etude-metas {
    grid-template-columns: repeat(3, 1fr);
  }
}
.etude-meta-box {
  display: flex;
  gap: 16px;
}
.etude-meta-icon-wrap {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 6.667px;
  border-radius: 66.667px;
  background: rgba(126, 194, 216, 0.1);
}
span.etude-meta-content {
  display: flex;
  flex-direction: column;
}

/* =========================
   SHORTCODE : QUESTIONS
   ========================= */
ul.etude-questions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media (min-width: 768px) {
  ul.etude-questions {
    grid-template-columns: repeat(3, 1fr);
  }
}
ul.etude-questions li {
  display: flex;
  gap: 10px;
}
.etude-question-svg-wrap {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  align-items: center;
  gap: 6.667px;
  border-radius: 66.667px;
  background: rgba(126, 194, 216, 0.1);
}

span.etude-question-label {
  color: #333434;

  /* Body 15 Regular */
  font-family: "Montserrat Alternates";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
}

/* =========================
   SHORTCODE : VIDEO
   ========================= */
.etude-video-responsive {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-top: 36px;
  margin-bottom: 36px;
}
.etude-video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* =========================
   SHORTCODE : VIDEO - FACADE CLICK-TO-PLAY
   =========================

   Le bouton de lecture est volontairement scope sous .ha-video-facade :
   le kit Elementor global (.elementor-kit-39 button) et reset.css imposent
   sinon leur fond, leur radius et leur padding au <button>.
   ========================= */

.ha-video-facade {
  cursor: pointer;
  background-color: #333434;
}

.ha-video-facade .ha-video-facade__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  border-radius: 0;
}

/* Voile discret pour garder le bouton lisible sur un poster clair. */
.ha-video-facade::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(51, 52, 52, 0) 40%,
    rgba(51, 52, 52, 0.35) 100%
  );
  pointer-events: none;
}

.ha-video-facade[data-ha-video-loaded="true"]::after {
  display: none;
}

.ha-video-facade .ha-video-facade__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  min-width: 0;
  height: 64px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 24px rgba(51, 52, 52, 0.28);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease, transform 0.25s ease,
    box-shadow 0.25s ease;
}

.ha-video-facade .ha-video-facade__play-icon {
  width: 0;
  height: 0;
  margin-left: 4px;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #333434;
  transition: border-color 0.25s ease;
}

.ha-video-facade:hover .ha-video-facade__play,
.ha-video-facade .ha-video-facade__play:focus-visible {
  background-color: var(--Main-Blue, #7ec2d8);
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 8px 28px rgba(51, 52, 52, 0.36);
}

.ha-video-facade:hover .ha-video-facade__play-icon,
.ha-video-facade .ha-video-facade__play:focus-visible .ha-video-facade__play-icon {
  border-left-color: #ffffff;
}

.ha-video-facade .ha-video-facade__play:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

@media (min-width: 768px) {
  .ha-video-facade .ha-video-facade__play {
    width: 80px;
    height: 80px;
  }

  .ha-video-facade .ha-video-facade__play-icon {
    margin-left: 5px;
    border-width: 14px 0 14px 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ha-video-facade .ha-video-facade__play,
  .ha-video-facade .ha-video-facade__play-icon {
    transition: none;
  }

  .ha-video-facade:hover .ha-video-facade__play,
  .ha-video-facade .ha-video-facade__play:focus-visible {
    transform: translate(-50%, -50%);
  }
}

/* =========================
   SHORTCODE : PLAN DETAILLE
   ========================= */

.ha-plan-detaille {
  color: #bdbdbd;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}
.ha-plan-detaille strong {
  color: #5b6670;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

.ha-plan-detaille ol {
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ha-plan-detaille ol li {
  color: #7ec2d8;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  margin-bottom: 4px;
}
.ha-plan-detaille ol li ul {
  padding-inline-start: 0px;
  list-style: disc;
}
.ha-plan-detaille ol li ul li {
  color: #5b6670;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 0;
}

/* =========================
   SHORTCODE : METHODOLOGIE
   ========================= */
ul.etude-methodologie {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

ul.etude-methodologie strong {
  color: #bdbdbd;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}

.etude-methodologie-desc {
  color: #5b6670;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

/* =========================
   SHORTCODE : ANALYSE
   ========================= */
ul.etude-analyse {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

ul.etude-analyse strong {
  color: #333434;
  font-family: "Montserrat Alternates";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 21px */
}

@media (min-width: 768px) {
  ul.etude-analyse {
    grid-template-columns: repeat(2, 1fr);
  }
}
ul.etude-analyse li {
  list-style-type: none;
  color: #5b6670;

  /* Body 15 Regular */
  font-family: "Montserrat Alternates";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
}
.etude-analyse-desc ul li {
  list-style: disc;
}

/* =========================
   SHORTCODE : ENTREPRISES
   ========================= */
.etude-entreprises {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .etude-entreprises.etude-entreprises-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .etude-entreprises.etude-entreprises-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .etude-entreprises.etude-entreprises-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .etude-entreprises.etude-entreprises-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .etude-entreprises.etude-entreprises-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
.etude-entreprises-segment strong {
  color: var(--Main-Blue, #7ec2d8);
  font-family: "Montserrat Alternates";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
ul.etude-entreprises-list {
  padding-inline-start: 20px;
  columns: 2;
  column-gap: 20px;
}
ul.etude-entreprises-list li {
  color: var(--Dark-Grey, #5d666f);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* =========================
   SHORTCODE : AUTEURS
   ========================= */
ul.etude-auteurs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  ul.etude-auteurs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.etude-auteur-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--White, #fff);
  padding: 24px;
  position: relative;
  min-height: 320px;
  border: 1px solid var(--Main-Blue, #7ec2d8);
}
.etude-auteur-card-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.etude-auteur-img img {
  width: 112px;
  height: 112px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.etude-auteur-nom {
  color: var(--Main-Blue, #7ec2d8);
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-top: 12px;
}
.etude-auteur-titre {
  color: var(--Dark-Grey, #5d666f);
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-top: 4px;
}
.etude-auteur-desc {
  color: #5b6670;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 12px;
}
.etude-auteur-mail-icon-wrap {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 6.667px;
  border-radius: 66.667px;
  border: 0.667px solid var(--Main-Blue, #7ec2d8);
  background: var(--Grey-BG, #f9f9f9);
}
.etude-auteur-mail {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
}

/* =========================
   SHORTCODE : BROCHURE
   ========================= */
.etude-brochure {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.etude-brochure-img {
  width: 372px;
}
.etude-brochure-link {
  background: #fff;
  display: flex;
  width: 372px;
  height: 64px;
  padding: 10px 12px;
  align-items: center;
  gap: 8px;
}
.etude-brochure-link a {
  color: #333434;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  align-items: center;
  gap: 8px;
}
.etude-brochure-svg-wrap {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 6.667px;
  flex-shrink: 0;
  border-radius: 66.667px;
  background: rgba(126, 194, 216, 0.1);
}

.a2a_kit.a2a_kit_size_24.addtoany_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

a.a2a_button_email,
a.a2a_button_whatsapp,
a.a2a_button_facebook,
a.a2a_button_linkedin {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #7ec2d8 !important;
  padding: 8px !important;
}

/* =========================
   TAXONOMY FILTER STYLES
   ========================= */
/* Styles for Elementor Taxonomy Filter widget */
.e-filter .e-filter-item,
.ha-taxonomy-filter .e-filter-item {
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Force inactive state on ALL buttons by default - Maximum specificity */
search.e-filter .e-filter-item[aria-pressed="false"],
search.e-filter .e-filter-item:not([aria-pressed="true"]),
.e-filter .e-filter-item[aria-pressed="false"],
.e-filter .e-filter-item:not([aria-pressed="true"]),
.ha-taxonomy-filter .e-filter-item[aria-pressed="false"],
.ha-taxonomy-filter .e-filter-item:not([aria-pressed="true"]),
/* Extra specificity for "all" button */
search.e-filter button.e-filter-item[data-filter="__all"]:not([aria-pressed="true"]),
.e-filter .e-filter-item[data-filter="__all"]:not([aria-pressed="true"]),
button[data-filter="__all"][aria-pressed="false"] {
  background-color: transparent !important;
  color: var(--e-global-color-text, inherit) !important;
  border-color: currentColor !important;
}

/* Active state for filter buttons - Maximum specificity */
.e-filter .e-filter-item[aria-pressed="true"],
.e-filter .e-filter-item.active,
.ha-taxonomy-filter .e-filter-item[aria-pressed="true"],
.ha-taxonomy-filter .e-filter-item.active,
button.e-filter-item[aria-pressed="true"],
button.e-filter-item.active {
  background-color: var(--Main-Blue, #7ec2d8) !important;
  color: #fff !important;
  border-color: var(--Main-Blue, #7ec2d8) !important;
}

/* Hover state for better UX (only on inactive buttons) */
.e-filter .e-filter-item:not([aria-pressed="true"]):hover,
.ha-taxonomy-filter .e-filter-item:not([aria-pressed="true"]):hover {
  opacity: 0.8;
}

/* =========================
   WOOCOMMERCE : ORDERS
   ========================= */
.woocommerce-order-received .woocommerce table.shop_table {
  border: 1px solid #efefef !important;
}

.woocommerce-order-received .woocommerce table.shop_table th,
.woocommerce-order-received .woocommerce table.shop_table tr,
.woocommerce-order-received .woocommerce table.shop_table td {
  border: 1px solid #efefef !important;
  padding: 1em !important;
}


/* =========================
   WOOCOMMERCE : Buttons - Background color
   ========================= */



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #7EC2D8;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #7EC2D8;
    color: #fff
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled],:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #7EC2D8;
    color: #fff
}

/* =========================
   HEADER : mobile nav (iOS Safari)
   Elementor reveals the dropdown with transform:scaleY() plus a
   max-height transition. WebKit on iOS often leaves that layer at
   height 0, so the icon toggles but the panel never appears.
   Chrome device mode finishes the same animation, which is why it
   looks fine there.
   ========================= */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu__container {
    transition: none;
    animation: none;
  }

  .elementor-location-header .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container {
    max-height: 0;
    overflow: hidden;
    transform: none;
    visibility: hidden;
  }

  .elementor-location-header .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
    max-height: calc(100vh - 90px);
    max-height: calc(100dvh - 90px);
    overflow-x: hidden;
    overflow-y: auto;
    transform: none;
    visibility: visible;
    -webkit-overflow-scrolling: touch;
  }
}

/* Closed Elementor off-canvas keeps pointer-events:all on its overlay.
   iOS Safari can still hit-test that layer through visibility:hidden. */
.e-off-canvas[aria-hidden="true"],
.e-off-canvas[aria-hidden="true"] * {
  pointer-events: none !important;
}