.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-66 .elementor-element.elementor-element-77db8770 .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-abc931f .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-25dffa67 .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 0px 0px;}.elementor-66 .elementor-element.elementor-element-4461dc59 .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* =========================================================
   CENTRO ESTETICO SCARDINA
   HEADER
   Elementor V4 / Atomic
   ========================================================= */


/* ---------------------------------------------------------
   HEADER BASE
   --------------------------------------------------------- */

[data-scardina-header="true"] {s
  isolation: isolate;
  color: #fff;
  border-bottom: 1px solid transparent;

  transition:
    background-color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}


/* Gradient superiore dell'header */

[data-scardina-header="true"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background: linear-gradient(
    180deg,
    rgba(15, 46, 27, .62) 0%,
    rgba(15, 46, 27, .22) 62%,
    rgba(15, 46, 27, 0) 100%
  );

  transition: opacity .22s ease;
}


[data-scardina-header-shell="true"] {
  margin-inline: auto;
}



/* =========================================================
   LOGO
   ========================================================= */

[data-scardina-logo-wrap="true"] {
  overflow: visible;
}


[data-scardina-logo-wrap="true"] .scardina-logo {
  position: absolute !important;
  inset: 0;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;

  transition: opacity .2s ease;
}


[data-scardina-logo-wrap="true"] .scardina-logo .elementor-widget-container,
[data-scardina-logo-wrap="true"] .scardina-logo .elementor-image,
[data-scardina-logo-wrap="true"] .scardina-logo img {
  width: 100% !important;
  height: 100% !important;
}


[data-scardina-logo-wrap="true"] .scardina-logo img {
  display: block;

  object-fit: contain !important;
  object-position: left center !important;
}


.scardina-logo--hero {
  opacity: 1;
}


.scardina-logo--sticky {
  opacity: 0;
}



/* =========================================================
   NAVIGAZIONE DESKTOP
   ========================================================= */

.scardina-nav-link {
  width: auto !important;
}


.scardina-nav-link .elementor-button {
  min-height: 36px;

  padding: 6px 2px !important;

  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #fff !important;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;

  box-shadow: none !important;
}


.scardina-nav-link .elementor-button:hover {
  color: #fff !important;
  border-bottom-color: #8CB73F !important;
}



/* =========================================================
   CTA HEADER
   BUTTON ATOMIC
   Classe: button-header-cta
   ========================================================= */

.button-header-cta {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 8px;

  min-height: 44px;
  padding: 10px 18px;

  border: 1.5px solid rgba(255, 255, 255, .72);
  border-radius: 12px;

  background: transparent;

  color: #fff;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;

  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;

  text-decoration: none;

  white-space: nowrap;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


/* Icona WhatsApp tramite Font Awesome */

.button-header-cta::before {
  content: "";

  width: 16px;
  height: 16px;

  flex: 0 0 16px;

  background-color: currentColor;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a9.9 9.9 0 0 0-8.5 15L2 22l5.1-1.4A10 10 0 1 0 12 2zm0 18.2a8.1 8.1 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.7.8-.8 1-.2.2-.3.2-.5.1a6.7 6.7 0 0 1-2-1.2 7.5 7.5 0 0 1-1.4-1.8c-.1-.2 0-.4.1-.5l.4-.4.3-.4c.1-.1.1-.3 0-.4-.1-.1-.6-1.4-.8-1.9-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.7-.3z'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a9.9 9.9 0 0 0-8.5 15L2 22l5.1-1.4A10 10 0 1 0 12 2zm0 18.2a8.1 8.1 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.7.8-.8 1-.2.2-.3.2-.5.1a6.7 6.7 0 0 1-2-1.2 7.5 7.5 0 0 1-1.4-1.8c-.1-.2 0-.4.1-.5l.4-.4.3-.4c.1-.1.1-.3 0-.4-.1-.1-.6-1.4-.8-1.9-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.7-.3z'/%3E%3C/svg%3E");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Hover Hero */

.button-header-cta:hover {
  background: #fff;
  border-color: #fff;

  color: #1E5B34;

  text-decoration: none;
}





/* =========================================================
   HAMBURGER SVG ATOMIC
   Classe: menu-trigger
   ========================================================= */

.menu-trigger {
  width: 44px !important;
  height: 44px !important;

  display: none !important;

  align-items: center;
  justify-content: center;

  padding: 9px;

  color: #fff;

  cursor: pointer;

  flex: 0 0 44px;

  transition:
    color .2s ease,
    opacity .2s ease;
}


/* SVG interno */

.menu-trigger svg {
  display: block;

  width: 100%;
  height: 100%;

  color: currentColor;

  stroke: currentColor;
}


/* Se l'SVG usa currentColor */

.menu-trigger svg path {
  stroke: currentColor;
}



/* =========================================================
   ACCESSIBILITÀ
   ========================================================= */

[data-scardina-header="true"] :is(a, button):focus-visible {
  outline: 2.5px solid #fff;
  outline-offset: 3px;
}



/* =========================================================
   HEADER SCROLLED / STICKY
   ========================================================= */
   
/* Correzione ottica verticale dello sticky */

[data-scardina-header="true"].is-scrolled
[data-scardina-header-shell="true"] {
  transform: translateY(3px);
}   

[data-scardina-header="true"].is-scrolled {
  background: rgba(15, 46, 27, .82) !important;

  border-bottom-color: rgba(255, 255, 255, .08);

  box-shadow:
    0 8px 24px rgba(15, 46, 27, .14);

  color: #fff;

  padding-block: 0 !important;

  backdrop-filter: blur(12px) saturate(115%);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
}


/* Spegne il gradient utilizzato sulla Hero */

[data-scardina-header="true"].is-scrolled::before {
  opacity: 0;
}


/* =========================================================
   SHELL STICKY
   Altezza determinata dal contenuto.
   Padding identico sopra e sotto.
   ========================================================= */

[data-scardina-header="true"].is-scrolled
[data-scardina-header-shell="true"] {
  height: auto !important;
  min-height: 0 !important;

  padding-top: 8px !important;
  padding-bottom: 8px !important;

  align-items: center !important;

  transition:
    padding .22s ease;
}


/* Evita eventuali margini verticali residui sui figli */

[data-scardina-header="true"].is-scrolled
[data-scardina-header-shell="true"] > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   LOGO STICKY
   ========================================================= */

[data-scardina-header="true"].is-scrolled
[data-scardina-logo-wrap="true"] {
  height: 46px !important;

  margin-block: 0 !important;

  transition: height .22s ease;
}


/* Manteniamo il logo bianco */

[data-scardina-header="true"].is-scrolled
.scardina-logo--hero {
  opacity: 1;
}


[data-scardina-header="true"].is-scrolled
.scardina-logo--sticky {
  opacity: 0;
}


/* =========================================================
   NAVIGAZIONE STICKY
   ========================================================= */

[data-scardina-header="true"].is-scrolled
.scardina-nav-link {
  margin-block: 0 !important;
}


[data-scardina-header="true"].is-scrolled
.scardina-nav-link .elementor-button {
  color: #fff !important;
}


[data-scardina-header="true"].is-scrolled
.scardina-nav-link .elementor-button:hover {
  color: #fff !important;

  border-bottom-color: #8CB73F !important;
}


/* =========================================================
   CTA STICKY
   ========================================================= */

[data-scardina-header="true"].is-scrolled
.button-header-cta {
  min-height: 40px;

  padding: 8px 16px;

  margin-block: 0 !important;

  background: transparent;

  border-color: rgba(255, 255, 255, .76);

  color: #fff;
}


[data-scardina-header="true"].is-scrolled
.button-header-cta:hover {
  background: #fff;

  border-color: #fff;

  color: #1E5B34;
}


/* =========================================================
   HAMBURGER STICKY
   ========================================================= */

[data-scardina-header="true"].is-scrolled
.menu-trigger {
  margin-block: 0 !important;

  color: #fff;
}


/* =========================================================
   FOCUS STICKY
   ========================================================= */

[data-scardina-header="true"].is-scrolled
:is(a, button):focus-visible {
  outline-color: #fff;
}


/* =========================================================
   TABLET STICKY
   ========================================================= */

@media (max-width: 1024px) {

  [data-scardina-header="true"].is-scrolled
  [data-scardina-header-shell="true"] {
    height: auto !important;
    min-height: 0 !important;

    padding-top: 7px !important;
    padding-bottom: 7px !important;

    align-items: center !important;
  }


  [data-scardina-header="true"].is-scrolled
  [data-scardina-logo-wrap="true"] {
    height: 42px !important;
  }


  [data-scardina-header="true"].is-scrolled
  .button-header-cta {
    min-height: 38px;

    padding: 7px 14px;
  }

}


/* =========================================================
   MOBILE STICKY
   ========================================================= */

@media (max-width: 768px) {

  [data-scardina-header="true"].is-scrolled
  [data-scardina-header-shell="true"] {
    height: auto !important;
    min-height: 0 !important;

    padding-top: 6px !important;
    padding-bottom: 6px !important;

    align-items: center !important;
  }


  [data-scardina-header="true"].is-scrolled
  [data-scardina-logo-wrap="true"] {
    height: 38px !important;
  }


  [data-scardina-header="true"].is-scrolled
  .button-header-cta {
    min-height: 36px;

    padding: 7px 10px;

    font-size: 11.5px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .menu-trigger {
    display: inline-flex !important;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  /*
   * Gradient mobile Header:
   * esclusivamente top → bottom.
   */

  [data-scardina-header="true"]::before {
    background: linear-gradient(
      180deg,
      rgba(15, 46, 27, .66) 0%,
      rgba(15, 46, 27, .24) 68%,
      rgba(15, 46, 27, 0) 100%
    );
  }


  /*
   * CTA più compatta per evitare collisioni
   * tra logo, bottone e hamburger.
   */

  .button-header-cta {
    min-height: 44px;

    padding: 9px 11px;

    gap: 6px;

    font-size: 12px;
  }


  .button-header-cta::before {
    font-size: 1em;
  }


  /*
   * Hamburger:
   * icona visiva circa 26px,
   * touch target 44x44.
   */

  .menu-trigger {
    width:30px !important;
    height: 30px !important;

    padding: 9px;
  }

}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  [data-scardina-header="true"],
  [data-scardina-header="true"]::before,
  .scardina-logo,
  .button-header-cta,
  .menu-trigger {
    transition-duration: .01ms !important;
  }

}



.menu-trigger,
.menu-trigger:hover,
.menu-trigger:focus,
.menu-trigger:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

.menu-trigger:hover {
  background-color: transparent !important;
}/* End custom CSS */