/* MARIACLARA — 9.5 · Madreperla Luxury / Sorgenti approvate inalterate
   01 • Pulsante Condividi su tutte e sole le pagine pubbliche
   02 • Sezione promozionale rosa, fiori e oro
   03 • Firma autografa
   04 • Unicamente la fotografia della sposa allo specchio
*/
:root { --mc-pearl-ink:#432c4b; --mc-pearl-rose:#f1c7dd; --mc-pearl-violet:#d7c3ed; --mc-pearl-gold:#d1a55a; }
/* 01 — Classe isolata: nessuna modifica ai pulsanti Petrolio preesistenti. */
.mc-share-btn, .footer-share button.share-page {
  isolation:isolate; position:relative; display:inline-flex; align-items:center; justify-content:center;
  gap:11px; width:max-content; max-width:100%; min-height:52px; padding:13px 25px;
  border-radius:999px !important; border:1px solid rgba(185,140,88,.76) !important;
  background:radial-gradient(ellipse at 40% -25%,#fff 0%,transparent 65%),
    linear-gradient(118deg,#fffefa 0%,#ffeaf1 27%,#f1d8f7 59%,#fcf8f0 81%,#e9c8d5 100%) !important;
  color:#49304f !important; font-weight:700; font-size:15px; line-height:1.35; font-family:inherit; letter-spacing:.025em;
  text-decoration:none !important; text-align:center; cursor:pointer;
  box-shadow:inset 0 2px 2px #fff,inset 0 -4px 8px #8a588a24,
    0 2px 0 #aa855c78,0 11px 28px #58345b28,0 0 0 1px #ffffffbb;
  text-shadow:0 1px 0 #fff; -webkit-tap-highlight-color:transparent;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
  overflow:hidden; white-space:normal; vertical-align:middle;
}
.mc-share-btn::before,.footer-share button.share-page::before {
  content:"";position:absolute;inset:3px 5px auto; height:40%;pointer-events:none;
  border-radius:999px 999px 50% 50%; border-top:1px solid #fff; background:linear-gradient(#ffffffb0,#ffffff00);
}
.mc-share-btn::after,.footer-share button.share-page::after {
  content:"";position:absolute;inset:3px;pointer-events:none;border-radius:999px;
  border:1px solid rgba(210,171,103,.46);
}
.mc-share-btn .mc-share-icon { width:20px;height:20px;flex:0 0 auto;color:#9a6b91;filter:drop-shadow(0 1px 0 #fff); }
.mc-share-btn span { position:relative;z-index:1; }
.mc-share-btn:hover,.footer-share button.share-page:hover { transform:translateY(-2px);filter:brightness(1.035);
  box-shadow:inset 0 2px 3px #fff,0 2px 0 #aa855c78,0 15px 33px #58345b39; }
.mc-share-btn:active,.footer-share button.share-page:active { transform:translateY(1px) scale(.985); }
.mc-share-btn:focus-visible,.footer-share button.share-page:focus-visible { outline:3px solid #744283;outline-offset:4px; }
.footer-share button.share-page { height:auto !important; }
.footer-share button.share-page .liquid-btn__inner,
.footer-share button.share-page .liquid-btn__inner * { color:#49304f !important; background:transparent !important; text-shadow:0 1px 0 #fff !important; }
.footer-share button.share-page .liquid-btn__inner {position:relative;z-index:1;box-shadow:none !important;padding:0 !important;}
.footer-share button.share-page .mc-wa-svg path { fill:#49304f !important; }
.inner-hero__actions, .portfolio-tags--booking, .lux-page-text .ultimate-buttons { flex-wrap:wrap; }
/* La condivisione non modifica i bottoni esistenti. */
.mc-share-backdrop { position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
  background:#061e289c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:18px; }
.mc-share-dialog { position:relative;width:min(100%,440px);border-radius:28px;padding:39px 29px 27px;
  border:1px solid #ddb775;background:radial-gradient(ellipse at 95% 5%,#eed3f3,transparent 53%),
    radial-gradient(ellipse at 0 100%,#ffdce9,transparent 48%),linear-gradient(125deg,#fffdfa,#f6ecf5);
  box-shadow:0 28px 80px #07192177,inset 0 1px 0 #fff; color:#473149;text-align:center; }
.mc-share-dialog::before {content:"";position:absolute;inset:9px;pointer-events:none;border-radius:21px;border:1px solid #d5b57869;}
.mc-share-kicker {font-size:10px;color:#956a86;font-weight:800;letter-spacing:.18em;}
.mc-share-dialog h2 { font-size:clamp(23px,4vw,29px);color:#44314b;line-height:1.2;margin:12px 0; }
.mc-share-dialog p {color:#6c5770;font-size:14px;line-height:1.55;}
.mc-share-close {position:absolute;right:14px;top:13px;display:grid;place-items:center;width:36px;height:36px;
  border-radius:50%;border:1px solid #d1a95f;background:#fff6fc;color:#63375d;cursor:pointer;font:24px/1 Arial,sans-serif; }
.mc-share-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:21px; }
.mc-share-option {display:grid;place-items:center;min-height:48px;padding:10px 12px;border-radius:17px;
  border:1px solid #d5b5c5;background:linear-gradient(135deg,#fff,#f2ddef);color:#4a3150;
  text-decoration:none;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 13px #5736531d; }
.mc-share-option:hover {background:#fff1f8;} .mc-share-option:focus-visible,.mc-share-close:focus-visible{outline:3px solid #814b8d;outline-offset:3px}
.mc-share-feedback{min-height:8px;margin-bottom:0}.mc-share-fallback{width:100%;margin-top:8px;padding:10px;box-sizing:border-box;}
/* 02 — SOLO la sezione Regalati un momento straordinario: rosa, fiori e madreperla. */
.page-index #promozioni.promo-section {
  background-color:#fffafc;
  background-image:url('../decor/pearl-aurora-top.svg'),url('../decor/pearl-aurora-bottom.svg');
  background-repeat:no-repeat;background-position:center top,center bottom;background-size:100% auto;
}
.page-index #promozioni .promo-panel {
  background: url('../decor/mc-floral.svg') no-repeat left center / auto 100%,
    radial-gradient(ellipse at 92% 8%,#e6cff6ad,transparent 45%),
    radial-gradient(ellipse at 3% 96%,#f5bfdac4,transparent 47%),
    linear-gradient(118deg,#fffefa 0%,#ffedf3 46%,#f5e8f4 72%,#fffdf8 100%) !important;
  border:1px solid #d0a970;box-shadow:inset 0 2px 3px #fff,0 18px 42px #93557730,0 0 35px #ffe6f695;
}
.page-index #promozioni .promo-panel::before { border-color:#fffafa; }
.page-index #promozioni .promo-decoration {color:#cc8ea9;opacity:.16;}
.page-index #promozioni .promo-panel .eyebrow {color:#965b82;}
.page-index #promozioni .promo-panel h2 {color:#49384d;}
.page-index #promozioni .promo-panel h2 em {color:#ab6699;}
.page-index #promozioni .promo-panel p {color:#584d5c;}
.page-index #promozioni .mc-promo-actions {position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex-shrink:0;}
.page-index #promozioni .mc-promo-actions .mc-share-btn {min-height:51px;}
.page-index #promozioni .mc-promo-actions a.liquid-btn--gold {
  background:radial-gradient(ellipse at 43% 3%,#fff,transparent 55%),
   linear-gradient(125deg,#fff8fa,#f6cfdf 36%,#e4d1ed 70%,#fbe5ef) !important;
  border:1px solid #cda66d !important; color:#51344e !important;
  box-shadow:inset 0 2px 3px #fff,inset 0 -2px 6px #bd8faa44,0 3px 0 #b28b6866,0 12px 26px #a66a9336 !important;
}
.page-index #promozioni .mc-promo-actions a.liquid-btn--gold .liquid-btn__inner,
.page-index #promozioni .mc-promo-actions a.liquid-btn--gold .liquid-btn__inner span {color:#51344e !important;text-shadow:0 1px 0 #fff !important;}
/* 03 — Firma vettoriale nitida su qualunque schermo. */
.page-chi-sono .mc-autograph, .page-about .mc-autograph,.mc-autograph {margin:16px 0 24px;}
.mc-autograph img {display:block;width:min(100%,390px);height:auto;max-height:116px;object-fit:contain;object-position:left center;}
/* 04 — Non si altera la foto: solo una leggera scala della cornice. */
.page-nozze .portfolio-photo.mc-nozze-mirror-feature {position:relative;z-index:2;transform:scale(1.065);box-shadow:0 16px 38px #063f4540,0 10px 24px #d4aa6b50;}
.page-nozze .portfolio-photo.mc-nozze-mirror-feature:hover {transform:translateY(-5px) scale(1.07);}
@media (max-width:760px) {
 .page-index #promozioni .promo-panel{padding:45px 25px 34px !important;background-size:auto 100%,auto,auto,auto !important;}
 .page-index #promozioni .mc-promo-actions {width:100%;align-items:stretch;}
 .page-index #promozioni .mc-promo-actions > a{width:100% !important;box-sizing:border-box;}
 .mc-share-btn {min-height:48px;padding:12px 20px;}
 .page-nozze .portfolio-photo.mc-nozze-mirror-feature {transform:scale(1.025);}
}
@media (prefers-reduced-motion: reduce) {
 .mc-share-btn,.footer-share button.share-page,.page-nozze .portfolio-photo.mc-nozze-mirror-feature { transition:none !important; }
}


/* 05 — GOLD FILAMENTS | Card trattamenti e Manicure d'autore
   Layer decorativi vettoriali, non interattivi. I bottoni Petrolio approvati
   e le fotografie reali restano assolutamente invariati. */
.page-index .service-directory .service-group::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    url("../decor/mc-gold-filaments.svg") no-repeat left top / min(100%, 580px) auto,
    radial-gradient(ellipse at 98% 92%, rgba(246,203,124,.10), transparent 52%),
    radial-gradient(ellipse at 9% 0%, rgba(255,239,182,.095), transparent 44%);
  opacity:.95;
}
.page-index .service-directory .service-group::after {
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border:1px solid rgba(229,188,119,.14);
  border-radius:22px;
}
.page-index .service-directory .service-group > * { position:relative; z-index:1; }

/* Manicure d'autore è una sezione di portfolio.html#nails,
   non una pagina HTML separata: si conserva il suo indirizzo. */
.page-portfolio #nails.portfolio-section,
#nails.portfolio-section {
  position:relative;
  isolation:isolate;
  background-image:
    radial-gradient(ellipse at 4% 11%,rgba(233,197,128,.15),transparent 37%),
    radial-gradient(ellipse at 98% 95%,rgba(229,182,114,.11),transparent 44%),
    linear-gradient(180deg,rgba(255,253,249,.48),rgba(245,239,229,.26));
}
#nails.portfolio-section::before,
#nails.portfolio-section::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url("../decor/mc-gold-filaments.svg") no-repeat left top / min(76vw,650px) auto;
  opacity:.67;
}
#nails.portfolio-section::after {
  background-position:right bottom;
  transform:rotate(180deg);
  opacity:.4;
}
#nails.portfolio-section > .container { position:relative; z-index:1; }
#nails .atelier-section-head h2 { text-shadow:0 8px 35px rgba(220,177,103,.11); }
@media(max-width:760px){
  .page-index .service-directory .service-group::before {background-size:100% auto,auto,auto;opacity:.68;}
  #nails.portfolio-section::before,#nails.portfolio-section::after{background-size:96vw auto;opacity:.42;}
}