/* ==============================================================
   MARIACLARA 9.7 — REFINEMENT FINALE, NON DISTRUTTIVO
   01 • Stesse proporzioni per le CTA: interveniamo su dimensioni,
        mai sulle palette Petrolio già approvate
   02 • Tutti i pulsanti Condividi Pearl: madreperla + filamenti oro,
        SENZA bordi o doppi contorni
   03 • Footer: Installa App e Condividi in due capsule coordinate
   04 • Home: fondo Pearl Aurora esclusivamente dietro valori e CTA
   05 • Card trattamenti: luce ambientale nell'angolo ALTO DESTRO
   06 • Portfolio: Prenota / Torna all'inizio / Condividi compatti
   ============================================================== */
:root{--mc-control-height:49px;--mc-control-padding:20px;}

/* 01 — CTA normali. Non si toccano menu, pulsanti flottanti, barra Prenota mobile,
   card servizi, comandi player o finestre cookie. */
.page-portfolio .portfolio-tags--booking,
.inner-hero__actions {align-items:center;gap:11px;flex-wrap:wrap;}
.page-portfolio .portfolio-tags--booking > a,
.inner-hero__actions > .liquid-btn,
.inner-hero__actions > .mc-share-btn {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;
  width:max-content!important;min-width:0!important;max-width:100%!important;
  height:var(--mc-control-height)!important;min-height:var(--mc-control-height)!important;
  max-height:var(--mc-control-height)!important;
  padding:0 var(--mc-control-padding)!important;border-radius:999px!important;
  font-size:14px!important;line-height:1.25!important;
  white-space:nowrap!important;vertical-align:middle;
}
.page-portfolio .portfolio-tags--booking > a .liquid-btn__inner,
.inner-hero__actions > .liquid-btn .liquid-btn__inner {
  min-height:0!important;height:auto!important;width:auto!important;
  padding:0!important;margin:0!important;font-size:14px!important;
  line-height:1.25!important;
}

/* 02 — Pearl dedicato esclusivamente alla condivisione. Bordo = 0.
   Le linee oro sono decorative, disegnate nel background dei pseudo-elementi. */
.mc-share-btn,
.footer-share button.share-page {
  position:relative;isolation:isolate;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto;width:max-content!important;max-width:100%!important;
  min-width:0!important;min-height:var(--mc-control-height)!important;
  height:var(--mc-control-height)!important;max-height:var(--mc-control-height)!important;
  padding:0 var(--mc-control-padding)!important;margin:0!important;
  border:0!important;outline:0 solid transparent;border-radius:999px!important;
  background:radial-gradient(ellipse at 37% -18%,#ffffff,transparent 68%),
    linear-gradient(123deg,#fffcf9 0%,#ffe8f0 26%,#ecd9f4 61%,#fffbfb 85%,#edcbdc 100%)!important;
  color:#48324e!important;font-weight:700!important;font-size:14px!important;line-height:1.2!important;font-family:inherit!important;
  text-shadow:0 1px 0 #fff!important;
  box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 8px #af8cb32c,
    0 9px 21px #56365a24!important;
  overflow:hidden;text-decoration:none!important;white-space:nowrap!important;
  gap:9px!important;transition:transform .23s ease,box-shadow .23s ease;
}
.mc-share-btn::before,
.footer-share button.share-page::before {
  content:""!important;display:block!important;position:absolute;pointer-events:none;
  inset:2px 5px 56%;border:0!important;border-radius:999px 999px 55% 55%;
  background:linear-gradient(180deg,#ffffffb0,#fff0)!important;
  z-index:0;
}
.mc-share-btn::after,
.footer-share button.share-page::after {
  content:""!important;display:block!important;position:absolute;inset:0;
  pointer-events:none;border:0!important;border-radius:999px;
  background:url('../decor/mc-pearl-button-filigree.svg') center/100% 100% no-repeat!important;
  opacity:.64;z-index:0;filter:none!important;
}
.mc-share-btn > *, .footer-share button.share-page > *{position:relative;z-index:1;}
.mc-share-btn .mc-share-icon {width:18px!important;height:18px!important;flex:0 0 18px!important;color:#936793!important;}
.footer-share button.share-page .liquid-btn__inner {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;
  padding:0!important;margin:0!important;gap:9px!important;
  font-weight:700!important;font-size:13px!important;line-height:1.2!important;font-family:inherit!important;color:#48324e!important;
  background:transparent!important;box-shadow:none!important;
}
.footer-share button.share-page .mc-mini-svg,
.footer-share button.share-page .mc-wa-svg--official {
  width:19px!important;height:19px!important;min-width:19px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  display:block!important;vertical-align:middle!important;filter:none!important;
  color:#745077!important;fill:currentColor!important;
}
.footer-share button.share-page .mc-wa-svg--official path {fill:currentColor!important;stroke:none!important;}
.mc-share-btn:hover,.footer-share button.share-page:hover {transform:translateY(-2px);}
.mc-share-btn:active,.footer-share button.share-page:active {transform:translateY(1px);}
.mc-share-btn:focus-visible,.footer-share button.share-page:focus-visible {
  outline:3px solid #784b83!important;outline-offset:3px!important;
}

/* 03 — Footer: stessa geometria, identità colore distinta. */
.footer-utility [data-open-install].gold-ribbon {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;min-width:0!important;width:max-content!important;
  max-width:100%!important;height:var(--mc-control-height)!important;
  min-height:var(--mc-control-height)!important;max-height:var(--mc-control-height)!important;
  margin:0!important;padding:0 var(--mc-control-padding)!important;
  border:0!important;border-radius:999px!important;
  font-size:14px!important;line-height:1.2!important;
  white-space:nowrap!important;
}
.footer-utility .footer-share{display:flex;align-items:center;justify-content:center;min-width:0;margin:0!important;}
.footer-utility .footer-share .share-page{font-size:13px!important;}

/* 04 — Il fondo bianco tra Home hero e Nostra essenza: decorazione approvata.
   NESSUN intervento su geometrie, colori o testi della fascia e dei 4 pulsanti. */
.page-index .mc-home-pearl-panel {
  position:relative;isolation:isolate;
  background:#fffafc url('../decor/mc-home-pearl-background.svg') center/cover no-repeat;
}
.page-index .mc-home-pearl-panel::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url('../decor/mc-floral.svg') left center/min(21vw,275px) auto no-repeat;
  opacity:.46;z-index:0;
}
.page-index .mc-home-pearl-panel > *{position:relative;z-index:1;}

/* 05 — LA LUCE, NON LE ICONE: il punto luce delle card è alto a destra.
   Gradiente base e filamenti Gold già approvati mantenuti. */
.page-index .service-directory .service-group {
  background:
    radial-gradient(ellipse at 93% 0%,rgba(153,237,224,.28),transparent 67%),
    linear-gradient(133deg,rgba(52,126,127,.83),rgba(10,73,80,.98) 64%,rgba(4,52,62,.98));
}
.page-index .service-directory .service-group::before {
  background:
    url('../decor/mc-gold-filaments.svg') no-repeat left top/min(100%,580px) auto,
    radial-gradient(ellipse at 97% 2%,rgba(255,239,182,.095),transparent 44%),
    radial-gradient(ellipse at 98% 92%,rgba(246,203,124,.10),transparent 52%);
}

/* 06 — Responsive: compatte senza compromettere area di tocco. */
@media(max-width:760px){
  :root{--mc-control-height:48px;--mc-control-padding:16px;}
  .page-index .mc-home-pearl-panel{background-size:auto 100%;background-position:center;}
  .page-index .mc-home-pearl-panel::before{background-size:150px auto;opacity:.31;}
  .page-portfolio .portfolio-tags--booking {gap:9px;}
  .page-portfolio .portfolio-tags--booking>a {font-size:13px!important;}
  .page-portfolio .portfolio-tags--booking>a .liquid-btn__inner {font-size:13px!important;}
  .mc-share-btn {font-size:13px!important;}
  .footer-utility .footer-share .share-page {white-space:normal!important;}
}
@media(prefers-reduced-motion:reduce){
  .mc-share-btn,.footer-share button.share-page {transition:none!important;}
}


/* ===============================================================
   9.7.2 — HOME / RICERCA TRATTAMENTI
   Rimuove esclusivamente il contorno rettangolare oro generato
   dalle regole globali di focus sugli input. Il focus tastiera
   resta percepibile tramite il contorno arrotondato del contenitore.
   Nessuna modifica a dimensioni, filtri o altri pulsanti.
   =============================================================== */
.page-index .services-section .service-search input:focus,
.page-index .services-section .service-search input:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
.page-index .services-section .service-search:focus-within {
  border-radius: 90px;
  border-color: rgba(137, 210, 203, .78);
  box-shadow: 0 0 0 2px rgba(119, 197, 190, .32),
              0 5px 14px rgba(2, 37, 42, .12);
}