/* Interface-only theme inspired by Lord Howe Island's editorial palette.
   No filters on map canvases, no changes to thematic symbols or PDF rendering. */
:root{
  --accento:#334f91;--accento-scuro:#243b73;--testo:#253445;
  --muto:#59646b;--bordo:#d7d8cd;--sfondo:#f3f2ec;
  --isola-oliva:#647530;--isola-carta:#fffefa;--isola-selezione:#e9ecd9;
  --isola-ombra:0 8px 26px #23375a1c;
}
.footer-normativa{flex-shrink:0;text-align:right;background:var(--accento);padding:4px 16px max(4px,env(safe-area-inset-bottom));font-size:12px;line-height:1.4}
.footer-normativa a{display:inline-block;color:#fff;text-underline-offset:3px;padding:6px 0}
.footer-normativa a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.solo-lettore{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media print{.footer-normativa{display:none}}
body{font-family:"Open Sans","Segoe UI",Arial,sans-serif;line-height:1.5}
header{
  min-height:98px;padding:14px 22px;gap:22px;border:0;
  background-color:var(--accento);
  background-image:linear-gradient(90deg,#263e6877 0%,#334f91c9 45%,var(--accento) 70%),url('../images/sfondo-barra.jpg');
  background-position:center,center 52%;
}
header .titolo-mappa{min-width:0;text-shadow:0 1px 3px #102347b3;flex:1}
.titolo-territorio{display:block;font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#e8ecd9}
header h1{font-family:"Archivo Black","Arial Black",sans-serif;font-size:clamp(18px,2vw,27px);font-weight:400;line-height:1.15;letter-spacing:.035em;text-transform:uppercase;margin:3px 0}
header .titolo-mappa p{color:#f3f4f7;font-size:12px;font-weight:400;letter-spacing:.015em}
#menu-funzioni summary{width:50px;height:50px;background:var(--isola-carta);color:var(--accento);border:0;border-radius:0;box-shadow:none}
#menu-funzioni[open] summary{background:#31519b;color:#f3f2ed;position:relative}
#menu-funzioni[open] summary svg{visibility:hidden}
#menu-funzioni[open] summary::before,#menu-funzioni[open] summary::after{content:"";position:absolute;width:28px;height:2px;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
#menu-funzioni[open] summary::after{transform:translate(-50%,-50%) rotate(-45deg)}
.funzioni-contenuto{top:62px;width:min(420px,calc(100vw - 44px));max-height:calc(100dvh - 120px);overflow-y:auto;background:#31519b;color:#f3f2ed;border:0;border-radius:0;padding:30px 28px;box-shadow:0 12px 32px #172c5140}
.funzioni-scelte{gap:16px}
.funzioni-scelte button{border-radius:0;font-family:"Archivo Black","Arial Black",sans-serif;font-size:clamp(23px,2.3vw,30px);font-weight:400;line-height:1.12;letter-spacing:.015em;text-transform:uppercase;padding:12px 10px 12px 18px;color:#f3f2ed;border:0;border-left:3px solid transparent;background:transparent}
.funzioni-scelte button.active{background:transparent;color:#fff;border-left:3px solid #f3f2ed;font-weight:400}
.funzioni-scelte button:hover:not(:disabled),.funzioni-scelte button:focus-visible{background:#ffffff12;border-color:#f3f2ed;color:#fff}
.funzioni-scelte button:focus-visible{outline:2px solid #f3f2ed;outline-offset:4px}
main{grid-template-columns:minmax(0,1fr) 400px}
#pannello,#pannello-cultura,#ricerca-catastale{background:var(--sfondo);padding:24px 20px;border-left:1px solid var(--bordo);scrollbar-width:thin;scrollbar-color:#a4adbc var(--sfondo)}
#pannello-cultura h2,#ricerca-catastale h2{font-family:"Archivo Black","Arial Black",sans-serif;font-size:22px;line-height:1.2;font-weight:400;letter-spacing:.025em;text-transform:uppercase;color:var(--accento);margin:0 0 22px}
#pannello-cultura h3{font-size:15px;line-height:1.4;color:var(--accento);margin-top:22px}
#pannello h2{color:var(--accento);font-weight:800}
#pannello-cultura > .gruppo-vincoli-tutele{background:var(--isola-carta);margin:0 0 14px;border:0;border-top:1px solid var(--bordo);border-bottom:1px solid var(--bordo);border-radius:0;padding:8px 14px}
#pannello-cultura > .gruppo-vincoli-tutele > summary{font-size:16px;letter-spacing:.065em;font-weight:800;text-transform:uppercase;padding:14px 0;color:var(--accento)}
#pannello-cultura > .gruppo-vincoli-tutele[open] > summary{color:var(--isola-oliva);border-bottom:1px solid var(--bordo)}
#pannello-cultura label{line-height:1.5;padding:4px 0;gap:9px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accento)}
input[type=checkbox],input[type=radio]{flex-shrink:0;width:16px;height:16px}
button{border-radius:2px;font-weight:600;min-height:36px;transition:background-color .15s,color .15s,border-color .15s}
button:hover:not(:disabled){background:var(--isola-selezione);border-color:#9ba879}
button.primario,#cat-cerca{background:var(--accento);border-color:var(--accento);color:white}
button.primario:hover:not(:disabled),#cat-cerca:hover:not(:disabled){background:var(--accento-scuro);border-color:var(--accento-scuro)}
button:disabled{opacity:.55}
button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--isola-oliva);outline-offset:3px}
select,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{font:inherit;color:var(--testo);border:1px solid #b9c1c5;border-radius:2px;background:var(--isola-carta)}
select{padding:8px;min-height:36px}
#cat-ricerca-testo fieldset{background:var(--isola-carta);border-radius:0;padding:14px;margin:22px 0}
#cat-ricerca-testo legend{color:var(--accento);font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;padding:0 6px}
#cat-ricerca-testo label{color:var(--testo)}
#cat-ricerca-testo input{min-height:38px}
#cat-ricerca-testo button{margin:6px 0 0}
#cat-esito-elenchi,#cat-esito-ricerca{font-size:12px;line-height:1.5;color:var(--muto)}
#cat-stato{border-left:3px solid var(--isola-oliva);border-radius:0;background:var(--isola-selezione);padding:12px}
.map-basemap-button{background:var(--isola-carta);color:var(--accento);border:1px solid #d1d6dd;border-radius:2px;box-shadow:0 3px 12px #23375a26}
#scelta-misure,#scelta-stampa,#scelta-sfondi{background:var(--isola-carta);border:1px solid var(--bordo);border-top:3px solid var(--accento);border-radius:2px;box-shadow:var(--isola-ombra);padding:16px}
#scelta-misure>strong,#scelta-stampa>strong,.sfondi-heading strong{color:var(--accento);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#scelta-misure .misure-azioni button{color:var(--accento)}
#scelta-misure [aria-pressed=true],#scelta-sfondi label.active{background:var(--isola-selezione);color:var(--isola-oliva);border-color:var(--isola-oliva)}
#scelta-sfondi label{border-radius:0}
#mappa .ol-zoom{padding:0;border-radius:2px;background:var(--isola-carta);box-shadow:0 3px 12px #23375a26;border:1px solid #d1d6dd}
#mappa .ol-zoom button{background:var(--isola-carta);color:var(--accento);width:34px;height:34px;min-height:34px;margin:0;border-radius:0;font-size:21px}
#mappa .ol-zoom button:hover{background:var(--isola-selezione)}
.popup-vincolo{background:var(--isola-carta);border:1px solid var(--bordo);border-top:4px solid var(--accento);border-radius:2px;box-shadow:var(--isola-ombra);padding:18px 32px 18px 16px;left:58px}
.popup-vincolo h3{color:var(--accento);font-size:15px;line-height:1.35}
.popup-vincolo dl{row-gap:6px}
.popup-vincolo .cat-particella-rimuovibile{position:relative;padding-right:44px}
.cat-rimuovi-particella{position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:6px;display:grid;place-items:center;color:var(--accento)}
.cat-rimuovi-particella svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.popup-vincolo dl+dl{border-top:1px solid #d7d8cd;padding-top:12px;margin-top:14px}
.popup-vincolo .cat-totale-area{border-top:2px solid var(--accento);padding-top:12px;font-weight:700;color:var(--accento)}
.popup-chiudi{min-height:28px;color:var(--accento)}
#barra,#layers-box{background:var(--isola-carta);border-radius:2px;box-shadow:var(--isola-ombra)}
.cat-modalita{display:flex;gap:6px;margin-bottom:14px}
.cat-modalita button{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center}
#ricerca-catastale #cat-campi-grafica > label{display:grid;grid-template-columns:60px minmax(0,1fr);justify-content:normal;gap:6px}
#ricerca-catastale #cat-campi-grafica > label select{width:100%;min-width:0;box-sizing:border-box}
.cat-modalita svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#ricerca-catastale .cat-modalita button[aria-pressed="true"]{background:#fff;color:var(--accento);border-color:#fff;box-shadow:inset 0 -4px 0 var(--accento);font-weight:800}
#ricerca-catastale .cat-modalita button[aria-pressed="false"]{background:transparent;color:#fff;border-color:#ffffff80}
.fonte-vincolo a,.fonti-mappa a,#pannello-cultura a,#ricerca-catastale a{color:var(--accento);text-underline-offset:3px}
@media(max-width:900px){
  main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,52vh) minmax(0,1fr)}
  main.modalita-solo-mappa{grid-template-rows:1fr}
  #pannello,#pannello-cultura,#ricerca-catastale{padding:18px;border-left:0;border-top:1px solid var(--bordo)}
}
@media(max-width:600px){
  main.stampa-aperta{grid-template-rows:1fr}
  main.stampa-aperta>#pannello,main.stampa-aperta>#pannello-cultura,main.stampa-aperta>#ricerca-catastale{display:none}
  /* Keep the map centre available for touch panning while setting up a print. */
  #menu-stampa{right:8px;bottom:8px;pointer-events:none}
  #apri-stampa,#scelta-stampa{pointer-events:auto}
  #scelta-stampa{top:auto;bottom:0;left:50px;width:auto;max-width:none;padding:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}
  #scelta-stampa>strong,#scelta-stampa .scale-labels{display:none}
  #scelta-stampa label{min-width:0;grid-template-columns:minmax(0,1fr);gap:2px;font-size:11px}
  #scelta-stampa select{min-width:0;font-size:16px;padding:4px;min-height:36px}
  #scelta-stampa label:has(#stampa-scala){grid-column:1/-1;grid-template-columns:32px minmax(0,1fr) 64px;gap:6px}
  #scelta-stampa #stampa-scala{min-width:0;margin:0;min-height:32px}
  #scelta-stampa output{font-size:12px}
  #scelta-stampa .stampa-azioni,#stampa-esito{grid-column:1/-1}
  #scelta-stampa .stampa-azioni button{width:100%;min-height:36px;padding:6px}
  #scelta-stampa #stampa-esito{font-size:11px;line-height:1.3}
  header{min-height:82px;padding:12px;gap:14px}
  header h1{font-size:18px}header .titolo-mappa p{font-size:10px;line-height:1.3}
  .titolo-territorio{font-size:9px;letter-spacing:.12em}
  #menu-funzioni summary{width:42px;height:46px}
  .funzioni-contenuto{top:54px;width:min(380px,calc(100vw - 24px));padding:22px 18px}
  #pannello-cultura h2,#ricerca-catastale h2{font-size:20px}
  .popup-vincolo{left:48px;min-width:0;width:calc(100% - 58px)}
}
/* Right-hand panels share the blue header palette; form fields remain light. */
#pannello,#pannello-cultura,#ricerca-catastale{
  background:var(--accento);color:#f3f2ed;border-color:#ffffff38;
  scrollbar-color:#aebddd var(--accento);
  --testo:#f3f2ed;--muto:#e0e6f1;--bordo:#ffffff50;
}
#pannello h2,#pannello-cultura h2,#pannello-cultura h3,#ricerca-catastale h2,
#pannello label,#pannello-cultura label,#ricerca-catastale label,
#pannello .nota,#ricerca-catastale .nota,#pannello-cultura .nota,
#cat-esito-elenchi,#cat-esito-ricerca{color:#f3f2ed}
#pannello a,#pannello-cultura a,#ricerca-catastale a{color:#fff;text-decoration:underline}
#pannello-cultura > .gruppo-vincoli-tutele,#ricerca-catastale .cat-gruppo{
  background:transparent;border:1px solid #ffffff50;border-radius:0;
  margin:0 0 14px;padding:8px 14px;
}
#pannello-cultura > .gruppo-vincoli-tutele > summary,
#pannello-cultura > .gruppo-vincoli-tutele[open] > summary,
#ricerca-catastale .cat-gruppo > summary{
  color:#f3f2ed;font-size:16px;font-weight:800;line-height:1.4;
  letter-spacing:.04em;text-transform:uppercase;padding:14px 0;cursor:pointer;
}
#ricerca-catastale .cat-gruppo[open] > summary{border-bottom:1px solid #ffffff50}
#ricerca-catastale .cat-gruppo fieldset{border:0;padding:14px 0 0;margin:0;min-width:0;background:transparent}
#ricerca-catastale .cat-gruppo legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#pannello input:not([type=checkbox]):not([type=radio]):not([type=range]),#pannello select,#pannello textarea,
#ricerca-catastale input:not([type=checkbox]):not([type=radio]):not([type=range]),#ricerca-catastale select,
#pannello-cultura select{color:#253445;background:var(--isola-carta);border-color:#b9c1c5}
#ricerca-catastale .cat-stato{color:#f3f2ed;background:#ffffff12;border-left:3px solid #f3f2ed;padding:12px}
#pannello th,#pannello td{color:#f3f2ed;border-color:#ffffff50}
#pannello summary:focus-visible,#pannello-cultura summary:focus-visible,#ricerca-catastale summary:focus-visible{outline-color:#fff}
#cat-cerca{border-color:#ffffff80}
#pannello button,#pannello-cultura button,#ricerca-catastale button{color:#253445}
#condizioni-riconosciute{border:0;padding:0;margin:0 0 14px;min-width:0}
#condizioni-riconosciute legend{font-size:.8rem;margin-bottom:8px}
#elenco-condizioni label{display:flex;align-items:flex-start;gap:8px;line-height:1.45;cursor:pointer}
#elenco-condizioni input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:var(--accento)}
/* Menu tematico: una sola istanza per controllo, informazioni accessibili al tocco. */
#pannello-cultura .conteggio-temi{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;white-space:nowrap}
#pannello-cultura .sottogruppo-temi{margin:12px 0;border-bottom:1px solid #ffffff38;padding-bottom:8px}
#pannello-cultura .sottogruppo-temi>summary{color:inherit;font-weight:700;line-height:1.5;padding:6px 0}
.riga-tema{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:start;position:relative}
#pannello-cultura .riga-tema>label,.riga-tema>label{margin-top:4px;min-width:0;overflow-wrap:anywhere}
#pannello-cultura .riga-tema input[type=checkbox]{flex-shrink:0;margin-top:4px}
#pannello-cultura .info-tema,.info-tema{margin:4px 0 0;min-width:0}
#pannello-cultura .info-tema>summary,.info-tema>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:30px;height:32px;border:1px solid currentColor;cursor:pointer;color:inherit;font-weight:700}
.info-tema>summary::-webkit-details-marker{display:none}
.info-tema[open]{grid-column:1/-1;display:grid;grid-template-columns:1fr 32px;margin-top:0}
.info-tema[open]>summary{grid-column:2;justify-self:end}
.info-tema>div{grid-column:1/-1;font-size:12px;line-height:1.55;padding:8px;border:1px solid #ffffff50;overflow-wrap:anywhere}
#pannello-cultura .info-tema p{margin:4px 0 8px}
#pannello-cultura .info-tema details{margin:8px 0 0}
#pannello-cultura .info-tema summary:focus-visible{outline:2px solid white;outline-offset:2px}
#pannello-cultura>p:empty{display:none}
#pannello button.primario,#pannello-cultura button.primario,#ricerca-catastale button.primario,#ricerca-catastale #cat-cerca{color:#fff;border-color:#ffffff80}
@media(prefers-reduced-motion:reduce){button{transition:none}}