/* Prova isolata: gli attributi e i gestori del menu originale restano operativi. */
.ic-miniature {display:none!important;}
body[data-ic-icons=miniature] #ic-mini-menu {
  background:#fff!important; margin-top:0!important; border-bottom:1px solid #d7e2ec!important;
  box-shadow:0 4px 14px rgba(11,35,64,.035)!important;
}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__scroll {
  padding:3px 12px!important; gap:0!important; justify-content:space-between!important;
  max-width:1320px!important; margin-inline:auto!important; overflow-x:auto!important;
}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn {
  flex:1 0 auto!important; display:flex!important; flex-direction:column!important;
  gap:3px!important; min-height:99px!important; overflow:visible!important;
  isolation:isolate; white-space:nowrap!important; transition:none!important; transform:none!important;
  scroll-margin-block:90px 110px;
}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn > svg,
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn > .ic,
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn::before {display:none!important;}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn > span::after {display:none!important;}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn::after {
  content:''!important; position:absolute!important; top:auto!important; bottom:4px!important;
  left:16px!important; right:16px!important; width:auto!important; height:3px!important;
  border-radius:2px!important; background:#176fba!important; opacity:0!important;
  transform:none!important; transition:none!important; box-shadow:none!important;
}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn[aria-selected=true]::after {opacity:1!important;}
body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn:focus-visible {
  outline:3px solid #176fba!important; outline-offset:-4px!important; border-radius:7px!important;
}
body[data-ic-icons=miniature] #ic-mini-menu .ic-miniature {
  --mini-size:48px; display:block!important; width:var(--mini-size)!important; height:var(--mini-size)!important;
  position:relative!important; overflow:hidden!important; flex:0 0 auto!important;
  background-image:url('/puglia/_icone/miniature-originali.png'); background-repeat:no-repeat;
  background-size:calc(var(--mini-size) * 1536 / 280) calc(var(--mini-size) * 1024 / 280);
  background-position:calc(var(--mini-size) * (140 - var(--cx)) / 280) calc(var(--mini-size) * (140 - var(--cy)) / 280);
  transform-origin:center 65%; pointer-events:none; contain:paint;
}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=overview] {--ic-motion:ic-mini-tiles; --ic-time:850ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=servizi] {--ic-motion:ic-mini-lift; --ic-time:800ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=numeri] {--ic-motion:ic-mini-ring; --ic-time:850ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=salute] {--ic-motion:ic-mini-heart; --ic-time:900ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=scuole] {--ic-motion:ic-mini-book; --ic-time:900ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=trasporti] {--ic-motion:ic-mini-bus; --ic-time:950ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=cultura] {--ic-motion:ic-mini-compass; --ic-time:1000ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=eventi] {--ic-motion:ic-mini-calendar; --ic-time:900ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=strutture] {--ic-motion:ic-mini-rest; --ic-time:1100ms;}
body[data-ic-icons=miniature] #ic-mini-menu [data-tab=mappa] {--ic-motion:ic-mini-map; --ic-time:850ms;}
@media (prefers-reduced-motion:no-preference) {
  body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn:focus-visible .ic-miniature {
    animation:var(--ic-motion) var(--ic-time) cubic-bezier(.22,.65,.25,1) 1;
  }
  @media (hover:hover) and (pointer:fine) {
    body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn:hover .ic-miniature {
      animation:var(--ic-motion) var(--ic-time) cubic-bezier(.22,.65,.25,1) 1;
    }
  }
}
@keyframes ic-mini-tiles {0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-7deg)}65%{transform:translateY(-1px) rotate(3deg)}}
@keyframes ic-mini-lift {0%,100%{transform:translateY(0)}42%{transform:translateY(-4px)}70%{transform:translateY(1px)}}
@keyframes ic-mini-ring {0%,100%{transform:rotate(0)}18%,48%{transform:rotate(-11deg)}32%,62%{transform:rotate(10deg)}78%{transform:rotate(-4deg)}}
@keyframes ic-mini-heart {0%,100%{transform:scale(1)}23%{transform:scale(1.12)}39%{transform:scale(1)}57%{transform:scale(1.07)}76%{transform:scale(1)}}
@keyframes ic-mini-book {0%,100%{transform:perspective(140px) rotateY(0)}40%{transform:perspective(140px) rotateY(-20deg) rotate(-3deg)}72%{transform:perspective(140px) rotateY(6deg)}}
@keyframes ic-mini-bus {0%,100%{transform:translateX(0)}28%{transform:translateX(-3px) rotate(-3deg)}62%{transform:translateX(5px) rotate(2deg)}80%{transform:translateX(1px)}}
@keyframes ic-mini-compass {0%,100%{transform:rotate(0)}35%{transform:rotate(-18deg)}65%{transform:rotate(9deg)}82%{transform:rotate(-3deg)}}
@keyframes ic-mini-calendar {0%,100%{transform:perspective(130px) rotateX(0)}40%{transform:perspective(130px) rotateX(-22deg) translateY(-2px)}75%{transform:perspective(130px) rotateX(7deg)}}
@keyframes ic-mini-rest {0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-2px) rotate(-4deg)}70%{transform:rotate(2deg)}}
@keyframes ic-mini-map {0%,100%{transform:translateY(0)}35%{transform:translateY(-5px)}58%{transform:translateY(1px)}77%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce) {
  body[data-ic-icons=miniature] #ic-mini-menu .ic-miniature {animation:none!important; transform:none!important;}
}
html.a11y-no-animation .ic-miniature, html.a11y-no-animations .ic-miniature,
html.ic-no-motion .ic-miniature, body.ic-no-motion .ic-miniature {animation:none!important;transform:none!important;}
/* Un solo menu: sopra 860px segue il bordo della mappa, sotto è una griglia. */
html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__scroll {
  position:relative!important; top:0!important; transform:none!important;
}
html body[data-ic-icons=miniature] #ic-sez,
html body[data-ic-icons=miniature] #ic-sez-bar,
html body[data-ic-icons=miniature] #ic-sez-sheet {display:none!important;}
@media(min-width:861px) {
  html body[data-ic-icons=miniature] #main .comune-hero {
    padding-bottom:calc(56px + var(--ic-mini-half,54px))!important;
    margin-bottom:calc(-1 * var(--ic-mini-overlap,58px))!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu {
    display:block!important; position:sticky!important;
    top:var(--ic-mini-header,68px)!important; z-index:1300!important;
  }
}
@media(max-width:860px) {
  html body[data-ic-icons=miniature] #main .comune-hero {
    margin-bottom:0!important; padding-bottom:24px!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu {
    display:block!important; position:relative!important; top:auto!important;
    z-index:10!important; margin-top:0!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__scroll {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important; padding:12px!important; width:100%!important;
    max-width:100%!important; margin:0!important; overflow:visible!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn {
    display:flex!important; flex-direction:column!important; justify-content:center!important;
    gap:8px!important; min-width:0!important; max-width:100%!important; width:100%!important;
    min-height:94px!important; height:auto!important; white-space:normal!important;
    text-align:center!important; border-radius:8px!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn > span {
    min-width:0!important; white-space:normal!important; line-height:1.2!important;
    text-align:center!important; letter-spacing:.025em!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .ic-miniature {--mini-size:40px;}
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn::before {
    content:''!important; display:block!important; position:absolute!important;
    inset:0!important; width:auto!important; height:auto!important;
    border:1px solid #d9e5ed!important; border-radius:8px!important;
    background:#fff!important; box-shadow:none!important; transform:none!important;
    z-index:-1!important; opacity:1!important; pointer-events:none!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn[aria-selected=true]::before {
    border:2px solid #176fba!important; background:#eef8ff!important;
  }
  html body[data-ic-icons=miniature] #ic-mini-menu .comune-tabs__btn::after {display:none!important;}
}
