/* ================================================================
   MARIACLARA • 9.8.2 • OFFICIAL HOTFIX
   Based on user's manually edited index.html (07/11/2026)
   01 circular champagne-gold logo light, never an oval/square halo
   02 photo viewer accessible above floating booking bars on every page
   03 bespoke beauty-studio SVG icons, card styles unchanged
   ================================================================ */

/* 01 – Il filtro drop-shadow dell'immagine produceva una macchia
   irregolare. La luce viene ora proiettata dal contenitore CIRCOLARE,
   non dai pixel del PNG. Immagine, dimensioni e navigazione intatti. */
.site-header .brand .mc-live-logo--header.static-logo {
  border-radius: 50% !important;
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow:
    0 0 0 1px rgba(248,220,161,.29),
    0 0 11px 1px rgba(240,195,114,.29),
    0 0 25px 5px rgba(221,165,86,.15),
    0 0 42px 10px rgba(220,164,87,.065) !important;
}
.site-header .brand .mc-live-logo--header.static-logo > img {
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
}
/* Nessun pseudo-elemento ellittico attorno al marchio. */
.site-header .brand .mc-live-logo--header.static-logo::before,
.site-header .brand .mc-live-logo--header.static-logo::after {
  content: none !important;
  display: none !important;
}

/* 02 – Tutti i lightbox del sito condividono #lightbox.
   Non toccare la barra persistente quando la galleria è CHIUSA. */
body.mc-lightbox-open .mobile-book,
body.mc-lightbox-open .quick-actions {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.lightbox[hidden] { display: none !important; }
.lightbox:not([hidden]) {
  z-index: 100110 !important; /* sopra il vecchio mobile-book z-index:100000 */
}
.lightbox .lightbox-close {
  position: absolute !important;
  top: max(15px, env(safe-area-inset-top, 0px)) !important;
  right: max(15px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 43px !important;
  min-width: 43px !important;
  max-width: 43px !important;
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  font: 400 25px/1 Arial, sans-serif !important;
  text-align: center !important;
  color: #ffebc7 !important;
  background: radial-gradient(circle at 32% 12%,rgba(170,229,217,.30),transparent 65%),
              linear-gradient(145deg,#28646b,#083c47) !important;
  border: 1px solid rgba(232,199,131,.57) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.24),0 8px 22px rgba(0,16,26,.48) !important;
  z-index: 12 !important;
  touch-action: manipulation;
}

@media (max-width: 760px) {
  .lightbox:not([hidden]) {
    padding: max(72px, calc(env(safe-area-inset-top, 0px) + 58px))
             13px calc(150px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  .lightbox > img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 26px) !important;
    max-height: calc(100dvh - 225px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
    object-fit: contain !important;
    border-radius: 14px;
  }
  .lightbox .photo-nav {
    box-sizing: border-box !important;
    position: absolute !important;
    bottom: calc(25px + env(safe-area-inset-bottom,0px)) !important;
    width: min(40vw, 170px) !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 11px 9px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    z-index: 11 !important;
    touch-action: manipulation;
  }
  .lightbox .photo-nav.data-photo-prev {
    left: max(12px, calc(50% - 168px)) !important;
    right: auto !important;
  }
  .lightbox .photo-nav.data-photo-next {
    right: max(12px, calc(50% - 168px)) !important;
    left: auto !important;
  }
  .lightbox .photo-caption {
    box-sizing: border-box !important;
    bottom: calc(84px + env(safe-area-inset-bottom,0px)) !important;
    left: 10% !important;
    right: 10% !important;
    width: 80% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: center !important;
    z-index: 11 !important;
  }
}
@media (max-height: 540px) and (orientation: landscape) {
  .lightbox:not([hidden]) { padding: 46px 12px 76px !important; }
  .lightbox > img { max-height: calc(100dvh - 128px) !important; }
  .lightbox .photo-nav { bottom: max(9px,env(safe-area-inset-bottom,0px)) !important; }
  .lightbox .photo-caption { bottom: calc(53px + env(safe-area-inset-bottom,0px)) !important; }
}
/* 03 – Icone SVG vettoriali oro champagne, senza font emoji.
   Conserva le card esistenti: modifica soltanto il pittogramma. */
.page-index .service-directory .service-symbol {
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  font-size: initial;
  line-height: 1;
  color: #ebce91;
  filter: drop-shadow(0 2px 5px rgba(233,193,122,.20));
}
.page-index .service-directory .service-symbol svg {
  display: block;
  width: 29px;
  height: 29px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}
@media (max-width: 760px) {
  .page-index .service-directory .service-symbol { width: 33px; min-width: 33px; height: 33px; }
  .page-index .service-directory .service-symbol svg { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .lightbox .lightbox-close { transition: none !important; }
}