/* Sicilian Goodness - approved floating header visual update - 2026-08-07 18:48 */
:root{--sg-header-gap:12px;--sg-header-radius:16px;--sg-header-shadow:0 14px 38px rgba(0,0,0,.28)}
body>header,
body>.legalPage>header,
header{
  position:sticky !important;
  top:var(--sg-header-gap) !important;
  z-index:5000 !important;
  width:calc(100% - 24px) !important;
  max-width:calc(100% - 24px) !important;
  margin:var(--sg-header-gap) auto 0 !important;
  border:1px solid rgba(213,177,111,.22) !important;
  border-radius:var(--sg-header-radius) !important;
  box-shadow:var(--sg-header-shadow) !important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  background:rgba(9,9,8,.96) !important;
}
header .brand img,
header a.brand img{
  transform-origin:center;
  animation:sgLogoGlow 2.8s ease-in-out infinite;
  will-change:filter,opacity,transform;
}
header>details summary,
header details summary{
  font-size:32px !important;
  line-height:1 !important;
  min-width:46px;
  min-height:46px;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:#d5b16f !important;
  text-shadow:0 0 0 rgba(213,177,111,0);
  animation:sgMenuPulse 2.2s ease-in-out infinite;
  transform-origin:center;
}
header>details summary::-webkit-details-marker,
header details summary::-webkit-details-marker{display:none}
@keyframes sgLogoGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(213,177,111,0));opacity:1;transform:scale(1)}
  50%{filter:drop-shadow(0 0 8px rgba(213,177,111,.75)) drop-shadow(0 0 18px rgba(182,138,69,.35));opacity:.94;transform:scale(1.018)}
}
@keyframes sgMenuPulse{
  0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(213,177,111,0);opacity:1}
  50%{transform:scale(1.10);text-shadow:0 0 10px rgba(213,177,111,.8),0 0 20px rgba(182,138,69,.35);opacity:.9}
}
@media (max-width:950px){
  :root{--sg-header-gap:8px;--sg-header-radius:14px}
  body>header,body>.legalPage>header,header{width:calc(100% - 16px) !important;max-width:calc(100% - 16px) !important;margin:8px auto 0 !important}
  header>details summary,header details summary{font-size:34px !important;min-width:48px;min-height:48px}
}
@media (max-width:560px){
  header>details summary,header details summary{font-size:36px !important;min-width:50px;min-height:50px}
}
@media (prefers-reduced-motion:reduce){
  header .brand img,header a.brand img,header>details summary,header details summary{animation:none !important}
}

/* SG_GLOBAL_COMPACT_DIALOGS_V2 - 2026-08-07 23:41
   Ridimensionamento definitivo Localizzatore + Chiedi a Noi su tutto il sito. */
.locatorBackdrop{
  place-items:center !important;
  align-items:center !important;
  padding:16px !important;
  overflow:hidden !important;
}
.locatorModal{
  width:min(500px,calc(100vw - 32px)) !important;
  max-width:500px !important;
  max-height:min(66svh,590px) !important;
  padding:20px 22px 18px !important;
  border-radius:16px !important;
  margin:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
.locatorHeading{grid-template-columns:38px 1fr !important;gap:10px !important;padding-right:28px !important;flex:0 0 auto !important}
.locatorHeading>span{width:38px !important;height:38px !important}
.locatorHeading svg{width:19px !important;height:19px !important}
.locatorHeading h2{font-size:clamp(23px,2.8vw,31px) !important;line-height:1.03 !important;margin:1px 0 8px !important}
.locatorHeading .eyebrow{font-size:9px !important;margin-bottom:3px !important}
.locatorClose{width:34px !important;height:34px !important;font-size:24px !important;top:10px !important;right:10px !important}
.locatorConsent{margin:6px 0 10px !important;padding:10px 12px !important;flex:0 0 auto !important}
.locatorConsent p{margin-bottom:8px !important;font-size:12px !important;line-height:1.35 !important}
.locatorConsent .button{min-height:36px !important;padding:8px 12px !important;font-size:10px !important}
.locatorConsent small{font-size:10px !important;line-height:1.3 !important}
.locatorSearch{margin:8px 0 !important;gap:4px !important;flex:0 0 auto !important}
.locatorSearch span{font-size:10px !important}
.locatorSearch input{padding:9px 10px !important;font-size:14px !important;min-height:38px !important}
.locatorResults{gap:6px !important;overflow:auto !important;min-height:0 !important;padding-right:2px !important;overscroll-behavior:contain !important}
.locatorResults article{gap:10px !important;padding:9px 10px !important}
.locatorResults h3{font-size:15px !important;line-height:1.15 !important;margin:2px 0 !important}
.locatorResults p{font-size:10px !important;line-height:1.25 !important}
.locatorResults small{font-size:8px !important}
.locatorResults b{font-size:14px !important}
.locatorResults a{font-size:8px !important;padding:6px 8px !important}

.sgAssistant{right:16px !important;bottom:132px !important}
.sgChat{
  width:min(310px,calc(100vw - 28px)) !important;
  max-width:310px !important;
  height:min(400px,calc(100svh - 190px)) !important;
  max-height:400px !important;
  border-radius:14px !important;
  right:0 !important;
  bottom:50px !important;
}
.sgChat header{padding:9px 11px !important;min-height:48px !important}
.sgChat header strong{font-size:12px !important}
.sgChat header small{font-size:9px !important}
.sgChat header button{font-size:22px !important}
.sgChatLog{padding:8px !important;gap:6px !important}
.sgMessage{font-size:11px !important;line-height:1.32 !important;padding:7px 8px !important;border-radius:10px !important;max-width:90% !important}
.sgQuick{padding:5px 7px !important;gap:4px !important}
.sgQuick button{padding:5px 7px !important;font-size:10px !important}
.sgChat form{padding:6px 7px !important;gap:5px !important}
.sgChat form input{padding:7px 8px !important;font-size:13px !important;min-height:34px !important}
.sgChat form button{padding:0 9px !important;font-size:10px !important}
.sgOperator{padding:5px 7px !important;font-size:10px !important}
.sgDisclaimer{padding:0 7px 5px !important;font-size:8px !important;line-height:1.25 !important}
.sgChatLaunch{padding:10px 13px !important;font-size:12px !important}

@media (max-width:900px){
  .locatorModal{width:min(470px,calc(100vw - 30px)) !important;max-width:470px !important;max-height:68svh !important}
  .sgChat{width:min(300px,calc(100vw - 24px)) !important;max-width:300px !important;height:min(390px,56svh) !important;max-height:390px !important}
}
@media (max-width:680px){
  .locatorBackdrop{place-items:center !important;align-items:center !important;padding:14px !important}
  .locatorModal{width:min(430px,calc(100vw - 28px)) !important;max-width:430px !important;max-height:64svh !important;padding:16px 14px 13px !important;border-radius:15px !important}
  .locatorHeading{grid-template-columns:34px 1fr !important;gap:8px !important}
  .locatorHeading>span{width:34px !important;height:34px !important}
  .locatorHeading h2{font-size:23px !important;margin-bottom:6px !important}
  .locatorConsent{padding:9px 10px !important;margin-bottom:8px !important}
  .locatorResults article{padding:8px 9px !important}
  .sgAssistant{right:10px !important;bottom:126px !important}
  .sgChat{width:min(290px,calc(100vw - 24px)) !important;max-width:290px !important;height:min(370px,54svh) !important;max-height:370px !important;bottom:48px !important}
  .sgChatLaunch span{display:none !important}
}
@media (max-width:430px){
  .locatorBackdrop{padding:12px !important}
  .locatorModal{width:calc(100vw - 24px) !important;max-width:390px !important;max-height:62svh !important;padding:14px 12px 12px !important}
  .locatorHeading h2{font-size:21px !important}
  .locatorConsent p{font-size:11px !important}
  .locatorResults article{flex-direction:row !important;align-items:center !important}
  .locatorResults article>div:last-child{grid-auto-flow:row !important;justify-content:end !important;justify-items:end !important}
  .sgChat{width:min(280px,calc(100vw - 20px)) !important;max-width:280px !important;height:min(350px,52svh) !important;max-height:350px !important}
}
@media (max-height:700px){
  .locatorModal{max-height:72svh !important}
  .sgChat{height:min(330px,50svh) !important;max-height:330px !important}
}
@media (orientation:landscape) and (max-height:520px){
  .locatorModal{max-height:84svh !important;width:min(470px,58vw) !important}
  .sgChat{height:72svh !important;max-height:72svh !important;width:min(300px,42vw) !important}
}
