/* A360 · Menu Widgets — resa dei menu di Aspetto → Menu
   Tutto il design passa da gettoni (--a360m-*) che il plugin scrive nel foglio
   della singola istanza: colori chiaro/scuro, geometrie, tipografia e pulsanti.
   I valori qui sotto sono solo il ripiego, se il markup arriva da una cache.
   Sui colori resta la regola: testi almeno 4.5:1, bordi e comandi almeno 3:1. */

.a360m{
  --acc:var(--a360m-acc,#1D7A54);
  --acc2:var(--a360m-acc2,#12708F);
  /* tinta d'accento leggibile sul fondo del tema in uso */
  --acc-vis:var(--a360m-acc-vis,var(--acc));
  /* testo sopra un pieno d'accento */
  --su-acc:var(--a360m-su-acc,#fff);
  /* accento scurito quanto basta per fare testo su fondo chiaro */
  --acc-testo:var(--a360m-acc-testo,var(--acc));
  --su-sfum:var(--a360m-su-sfum,#fff);
  --sfum-cor:var(--a360m-sfum-cor,#fff);
  --su-sfum-cor:var(--a360m-su-sfum-cor,var(--acc-testo));
  --fondo:var(--a360m-fondo,#fff);
  --fondo2:var(--a360m-fondo2,#F1F5F3);
  --bordo:var(--a360m-bordo,#D5E0DA);
  --bordo-int:var(--a360m-bordo-int,#828F88);
  --testo:var(--a360m-testo,#12201B);
  --tenue:var(--a360m-tenue,#48564F);
  --debole:var(--a360m-debole,#5C6B65);
  --ombra:var(--a360m-ombra,20,33,28);
  --ombra-op:var(--a360m-ombra-op,1);
  /* geometria */
  --r:var(--a360m-r,12px);
  --p:var(--a360m-p,12px);
  --f:var(--a360m-f,15.2px);
  --gap:var(--a360m-gap,16px);
  --striscia:var(--a360m-striscia,5px);
  --minlarg:var(--a360m-minlarg,280px);
  --bl:var(--a360m-bordo-l,1px);
  /* tipografia */
  --lh:var(--a360m-lh,1.45);
  --tit-dim:var(--a360m-tit-dim,1.14em);
  --tit-peso:var(--a360m-tit-peso,700);
  --maiusc:var(--a360m-maiusc,uppercase);
  --spazio-l:var(--a360m-spazio-l,.06em);
  /* pulsanti e movimento */
  --btn-r:var(--a360m-btn-r,9px);
  --btn-p:var(--a360m-btn-p,11px);
  --durata:var(--a360m-durata,.15s);
  font-size:var(--f);color:var(--testo);line-height:var(--lh);box-sizing:border-box}
.a360m *,.a360m *::before,.a360m *::after{box-sizing:border-box}
/* Il tema scuro: gli stessi gettoni, con altri valori di ripiego. Quando il
   plugin scrive il foglio dell'istanza sono quelli a comandare. */
.a360m--tema-scuro{
  --fondo:var(--a360m-fondo,#16211D);
  --fondo2:var(--a360m-fondo2,#1F2C27);
  --bordo:var(--a360m-bordo,#33443D);
  --bordo-int:var(--a360m-bordo-int,#63776D);
  --testo:var(--a360m-testo,#EAF1ED);
  --tenue:var(--a360m-tenue,#C2D1CA);
  --debole:var(--a360m-debole,#9CACA4);
  --ombra:var(--a360m-ombra,0,0,0)}
/* Tema automatico: di giorno il chiaro, di notte lo scuro (i valori arrivano
   dal foglio dell'istanza, dentro la media query). */
@media (prefers-color-scheme:dark){
  .a360m--tema-auto{--ombra:var(--a360m-ombra,0,0,0)}
}
.a360m--ang-squadrati{--r:2px}
.a360m--ang-morbidi{--r:12px}
.a360m--ang-tondi{--r:22px}
.a360m--dim-compatta{--p:8px;--f:.88rem}
.a360m--dim-ampia{--p:17px;--f:1.02rem}
.a360m--all-centro{text-align:center}
.a360m--all-destra{text-align:right}
.a360m__titolo{margin:0 0 10px;font-weight:var(--tit-peso);font-size:1.05em;letter-spacing:-.01em}
/* i link non prendono il colore del browser: ogni pezzo decide il suo */
.a360m a{text-decoration:none;color:inherit}
.a360m ul{list-style:none;margin:0;padding:0}
.a360m-vuoto{padding:12px 14px;border:1px dashed #94A39C;border-radius:10px;color:#48564F;font-size:.92rem}

/* messa a fuoco sempre visibile, su chiaro e su scuro */
.a360m a:focus-visible,.a360m button:focus-visible,.a360m input:focus-visible{
  outline:3px solid var(--acc-vis);outline-offset:2px}

/* voce base */
.a360m .a360m-voce{display:flex;align-items:flex-start;gap:10px;padding:var(--p);border-radius:var(--r);color:var(--testo);transition:background var(--durata) ease,color var(--durata) ease}
.a360m-voce:hover{background:var(--fondo2)}
.a360m-voce.e-corrente{background:color-mix(in srgb,var(--acc-vis) 14%,transparent);color:var(--acc-vis);font-weight:600}
.a360m-voce__ico{flex:0 0 auto;display:grid;place-items:center;width:1.5em;height:1.5em;color:var(--acc-vis);font-size:1em;line-height:1}
.a360m-voce__ico .dashicons{width:1em;height:1em;font-size:1.15em}
.a360m-voce__ico img{width:1.2em;height:1.2em;object-fit:contain}
.a360m-voce__testo{display:grid;gap:2px;min-width:0}
.a360m-voce__tit{font-weight:500}
.a360m-voce__desc{font-size:.85em;color:var(--debole);line-height:1.4}
.a360m-iniziale{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:6px;background:color-mix(in srgb,var(--acc-vis) 16%,transparent);color:var(--acc-vis);font-size:.72em;font-weight:700}

/* elenco */
.a360m-elenco--l2,.a360m-elenco--l3{margin-left:calc(var(--p) + 12px);border-left:2px solid var(--bordo-int);padding-left:6px}

/* verticale (stile barra laterale) */
.a360m--verticale{background:var(--fondo);border:var(--bl) solid var(--bordo);border-radius:var(--r);padding:6px;display:inline-block;min-width:min(280px,100%)}
.a360m-vert{display:grid;gap:2px}
.a360m-vert--l2{margin:2px 0 6px 30px;display:grid;gap:1px;border-left:2px solid var(--bordo-int);padding-left:8px}
.a360m-voce--vert{padding:calc(var(--p) * .72) var(--p);border-radius:calc(var(--r) * .7)}
.a360m-voce--vert.e-corrente{background:var(--acc-vis);color:var(--su-acc)}
.a360m-voce--vert.e-corrente .a360m-voce__ico,.a360m-voce--vert.e-corrente .a360m-voce__desc{color:var(--su-acc);opacity:.95}
.a360m--verticale.a360m--tema-scuro{background:#131D19}

/* piastrelle */
.a360m-griglia{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--minlarg),100%),1fr))}
@media(min-width:700px){.a360m-griglia{grid-template-columns:repeat(var(--a360m-col,3),minmax(0,1fr))}}
.a360m .a360m-tess{display:flex;flex-direction:column;gap:7px;padding:calc(var(--p) + 5px);background:var(--fondo);border:var(--bl) solid var(--bordo);border-top:var(--striscia) solid var(--acc-vis);border-radius:var(--r);transition:transform var(--durata) ease,box-shadow var(--durata) ease}
.a360m-tess:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(var(--ombra),calc(.7 * var(--ombra-op)))}
.a360m-tess__ico{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:10px;background:color-mix(in srgb,var(--acc-vis) 15%,transparent);color:var(--acc-vis);font-size:1em}
.a360m-tess__ico .dashicons{font-size:1.3em;width:1.3em;height:1.3em}
.a360m-tess__tit{font-weight:var(--tit-peso);font-size:calc(var(--tit-dim) * .92)}
.a360m-tess__desc{color:var(--debole);font-size:.88em;line-height:1.45}
.a360m-tess__figli{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.a360m-tess__figli span{font-size:.74em;background:var(--fondo2);color:var(--tenue);border-radius:999px;padding:2px 9px}
.a360m-tess.e-corrente{box-shadow:0 0 0 2px var(--acc-vis) inset}

/* menu a icone */
.a360m-icone{display:grid;gap:8px}
@media(min-width:700px){.a360m-icone{grid-template-columns:repeat(var(--a360m-col,1),minmax(0,1fr))}}
.a360m-voce--icona{align-items:center;gap:13px;border:var(--bl) solid var(--bordo);background:var(--fondo)}
.a360m-voce--icona .a360m-voce__ico{width:2.3em;height:2.3em;border-radius:10px;background:color-mix(in srgb,var(--acc-vis) 15%,transparent);font-size:1.05em}
.a360m-voce--icona .a360m-voce__ico .dashicons{font-size:1.25em;width:1.25em;height:1.25em}

/* mega menu */
.a360m-mega{display:grid;gap:var(--gap);padding:calc(var(--p) + 6px);background:var(--fondo);border:var(--bl) solid var(--bordo);border-radius:var(--r)}
@media(min-width:760px){.a360m-mega{grid-template-columns:repeat(var(--a360m-col,3),minmax(0,1fr))}}
.a360m-mega__tit{display:flex;align-items:center;gap:8px;font-weight:var(--tit-peso);font-size:1.02em;padding-bottom:7px;border-bottom:2px solid color-mix(in srgb,var(--acc-vis) 55%,transparent)}
.a360m-mega__tit.e-corrente{color:var(--acc-vis)}
.a360m-mega__desc{margin:6px 0 0;font-size:.85em;color:var(--debole)}
.a360m-mega__figli{margin-top:6px;display:grid;gap:1px}
.a360m-voce--mega{padding:calc(var(--p) * .6) calc(var(--p) * .7);font-size:.95em}

/* tab */
.a360m-tabs{border:var(--bl) solid var(--bordo);border-radius:var(--r);overflow:hidden;background:var(--fondo)}
.a360m-tabs__barra{display:flex;gap:4px;padding:7px;overflow-x:auto;background:var(--fondo2);border-bottom:var(--bl) solid var(--bordo)}
.a360m-tabs__tab{display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;font:inherit;font-weight:600;color:var(--tenue);background:transparent;border:0;border-radius:calc(var(--r) * .7);padding:8px 13px}
.a360m-tabs__tab:hover{background:var(--fondo);color:var(--testo)}
.a360m-tabs__tab[aria-selected="true"]{background:var(--acc-vis);color:var(--su-acc)}
.a360m-tabs__tab[aria-selected="true"] .a360m-voce__ico{color:var(--su-acc)}
.a360m-tabs__pan{padding:calc(var(--p) + 4px)}
.a360m-tabs__desc{margin:0 0 10px;color:var(--debole);font-size:.9em}
.a360m-tabs__voci{display:grid;gap:3px}
@media(min-width:700px){.a360m-tabs__voci{grid-template-columns:repeat(var(--a360m-col,2),minmax(0,1fr))}}

/* accordion */
.a360m-acc{display:grid;gap:6px}
.a360m-acc__sez{border:var(--bl) solid var(--bordo);border-radius:var(--r);overflow:hidden;background:var(--fondo)}
.a360m-acc__testa{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;font:inherit;font-weight:600;text-align:left;color:var(--testo);background:transparent;border:0;padding:var(--p)}
.a360m-acc__testa:hover{background:var(--fondo2)}
.a360m-acc__tit{flex:1}
.a360m-acc__freccia{width:9px;height:9px;border-right:2px solid var(--tenue);border-bottom:2px solid var(--tenue);transform:rotate(45deg);transition:transform .18s ease;margin-right:3px}
.a360m-acc__sez.e-aperta .a360m-acc__freccia{transform:rotate(-135deg);border-color:var(--acc-vis)}
.a360m-acc__sez.e-aperta .a360m-acc__testa{color:var(--acc-vis)}
.a360m-acc__corpo{padding:0 var(--p) var(--p);display:grid;gap:2px}
.a360m-acc__corpo[hidden]{display:none}
.a360m-tabs__pan[hidden]{display:none}
.a360m-acc__desc{margin:0 0 6px;font-size:.86em;color:var(--debole)}
.a360m-acc__singola{padding:2px}

/* barra a pillole */
.a360m-barra{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.a360m--all-centro .a360m-barra{justify-content:center}
.a360m--all-destra .a360m-barra{justify-content:flex-end}
.a360m-barra__voce{position:relative}
.a360m .a360m-pillola{display:inline-flex;align-items:center;gap:7px;padding:calc(var(--p) * .7) calc(var(--p) + 4px);border-radius:999px;background:var(--fondo2);color:var(--testo);font-weight:600;border:1px solid transparent}
.a360m-pillola:hover{border-color:var(--acc-vis);background:color-mix(in srgb,var(--acc-vis) 12%,var(--fondo2))}
.a360m-pillola.e-corrente{background:var(--acc-vis);color:var(--su-acc)}
.a360m-pillola.e-corrente .a360m-voce__ico{color:var(--su-acc)}
/* iniziale di ripiego dentro un pieno: si veste del colore del testo */
.a360m-voce--vert.e-corrente .a360m-iniziale,
.a360m-pillola.e-corrente .a360m-iniziale,
.a360m-tabs__tab[aria-selected="true"] .a360m-iniziale{background:color-mix(in srgb,var(--su-acc) 24%,transparent);color:var(--su-acc)}
.a360m-pillola__freccia{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);opacity:.85}
.a360m-barra__tendina{position:absolute;z-index:30;top:calc(100% + 7px);left:0;min-width:220px;display:none;padding:6px;background:var(--fondo);border:var(--bl) solid var(--bordo-int);border-radius:var(--r);box-shadow:0 20px 40px -24px rgba(var(--ombra),calc(.7 * var(--ombra-op)));text-align:left}
.a360m-barra__voce:hover .a360m-barra__tendina,.a360m-barra__voce.e-aperta .a360m-barra__tendina{display:grid;gap:1px}

/* schede operative (come l'area operativa) */
.a360m-schede{display:grid;gap:var(--gap)}
.a360m-cerca{position:relative;display:flex;align-items:center;max-width:520px;margin:0 auto 4px;width:100%}
.a360m--all-destra .a360m-cerca{margin-right:0;margin-left:auto}
.a360m-cerca__lente{position:absolute;left:14px;width:17px;height:17px;color:var(--tenue);pointer-events:none}
.a360m-cerca__campo{width:100%;font:inherit;color:var(--testo);background:var(--fondo);border:var(--bl) solid var(--bordo-int);border-radius:999px;padding:11px 16px 11px 40px;box-shadow:0 6px 18px -14px rgba(var(--ombra),calc(.6 * var(--ombra-op)))}
.a360m-cerca__campo::placeholder{color:var(--debole);opacity:1}
.a360m-cerca__campo:focus{outline:3px solid var(--acc-vis);outline-offset:1px;border-color:var(--acc-vis)}
.a360m-cerca__campo::-webkit-search-cancel-button{cursor:pointer}
.a360m-schede__vuoto{margin:0;text-align:center;color:var(--tenue);font-size:.9em}
.a360m-schede__griglia{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--minlarg),100%),1fr))}
@media(min-width:760px){.a360m-schede__griglia{grid-template-columns:repeat(var(--a360m-col,3),minmax(0,1fr))}}

/* --c e --su-c arrivano dal renderer: tinta gia' adattata al tema e testo
   che sopra quella tinta si legge. */
.a360m-scheda{--sc:var(--c,var(--acc-vis));--su-sc:var(--su-c,var(--su-acc));position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;padding:calc(var(--p) + 8px);padding-top:calc(var(--p) + 12px);background:var(--fondo);border:var(--bl) solid var(--bordo);border-radius:calc(var(--r) + 4px);overflow:hidden;transition:transform var(--durata) ease,box-shadow var(--durata) ease}
.a360m-scheda:hover{transform:translateY(-2px);box-shadow:0 18px 34px -26px rgba(var(--ombra),calc(.8 * var(--ombra-op)))}
.a360m-scheda[hidden]{display:none}
.a360m-scheda__striscia{position:absolute;inset:0 0 auto;height:var(--striscia);background:var(--sc)}
.a360m-scheda.e-corrente{box-shadow:0 0 0 2px var(--sc) inset}
.a360m-scheda__testa{display:flex;align-items:flex-start;gap:11px}
.a360m-scheda__ico{flex:0 0 auto;display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:10px;background:color-mix(in srgb,var(--sc) 16%,transparent);color:var(--sc);font-size:1em}
.a360m-scheda__ico .dashicons{font-size:1.35em;width:1.35em;height:1.35em}
.a360m-scheda__ico img{width:1.35em;height:1.35em;object-fit:contain}
.a360m-scheda__ico .a360m-iniziale{background:transparent;color:var(--sc);font-size:.95em}
.a360m-scheda__intesta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding-top:2px}
.a360m-scheda__tit{margin:0;font-size:var(--tit-dim);font-weight:var(--tit-peso);letter-spacing:-.01em;line-height:1.25}
.a360m-scheda__tit a{color:inherit}
.a360m-scheda__tit a:hover{color:var(--sc)}
.a360m-scheda__eti{font-size:.66em;font-weight:700;letter-spacing:var(--spazio-l);text-transform:var(--maiusc);color:var(--tenue);background:var(--fondo2);border:var(--bl) solid var(--bordo-int);border-radius:5px;padding:3px 7px;line-height:1}
.a360m-scheda__desc{margin:0;color:var(--debole);font-size:.9em;line-height:1.5}
.a360m-scheda__conta{display:flex;flex-wrap:wrap;gap:8px}
.a360m-chip{font-size:.8em;color:var(--tenue);background:var(--fondo2);border-radius:999px;padding:5px 12px;line-height:1.3}
.a360m-chip b{color:var(--testo);font-weight:700}
.a360m-scheda__azioni{display:grid;gap:calc(var(--gap) * .5);margin-top:auto;padding-top:4px}
.a360m-scheda__secondari{display:grid;gap:calc(var(--gap) * .5);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.a360m .a360m-btn{display:block;text-align:center;font-weight:600;font-size:.94em;padding:var(--btn-p) 14px;border-radius:var(--btn-r);border:var(--bl) solid transparent;transition:background var(--durata) ease,color var(--durata) ease,border-color var(--durata) ease}
.a360m .a360m-btn--pieno{background:var(--sc);color:var(--su-sc)}
.a360m .a360m-btn--pieno:hover{background:color-mix(in srgb,var(--sc) 86%,#000);color:var(--su-sc)}
.a360m--tema-scuro .a360m-btn--pieno:hover{background:color-mix(in srgb,var(--sc) 84%,#fff)}
.a360m .a360m-btn--vuoto{background:var(--fondo);color:var(--testo);border-color:var(--bordo-int)}
.a360m .a360m-btn--vuoto:hover{border-color:var(--sc);color:var(--sc);background:color-mix(in srgb,var(--sc) 10%,var(--fondo))}

/* stile del pulsante principale: pieno (predefinito), contorno, solo testo */
.a360m--btn-contorno .a360m-btn--pieno{background:transparent;color:var(--sc);border-color:var(--sc);border-width:calc(var(--bl) + 1px)}
.a360m--btn-contorno .a360m-btn--pieno:hover{background:color-mix(in srgb,var(--sc) 12%,var(--fondo));color:var(--sc)}
.a360m--btn-testo .a360m-btn--pieno{background:transparent;color:var(--sc);border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.a360m--btn-testo .a360m-btn--pieno:hover{background:color-mix(in srgb,var(--sc) 10%,var(--fondo));color:var(--sc)}

/* barra sfumata */
.a360m-sfum{background:linear-gradient(100deg,var(--acc) 0%,var(--acc2) 100%);border-radius:999px;padding:7px 9px;box-shadow:0 16px 34px -26px rgba(var(--ombra),calc(.9 * var(--ombra-op)))}
.a360m--ang-squadrati .a360m-sfum{border-radius:4px}
.a360m--sfumata .a360m-barra{gap:4px}
.a360m--sfumata .a360m-pillola{background:transparent;color:var(--su-sfum);border-color:transparent}
.a360m--sfumata .a360m-pillola .a360m-voce__ico{color:var(--su-sfum)}
.a360m--sfumata .a360m-pillola:hover{background:color-mix(in srgb,var(--su-sfum) 20%,transparent);border-color:transparent;color:var(--su-sfum)}
.a360m--sfumata .a360m-pillola.e-corrente{background:var(--sfum-cor);color:var(--su-sfum-cor)}
.a360m--sfumata .a360m-pillola.e-corrente .a360m-voce__ico{color:var(--su-sfum-cor)}
.a360m--sfumata .a360m-iniziale{background:color-mix(in srgb,var(--su-sfum) 24%,transparent);color:var(--su-sfum)}
.a360m--sfumata .a360m-pillola.e-corrente .a360m-iniziale{background:color-mix(in srgb,var(--su-sfum-cor) 20%,transparent);color:var(--su-sfum-cor)}
.a360m--sfumata .a360m-barra__tendina{top:calc(100% + 10px);color:var(--testo)}
.a360m--sfumata a:focus-visible,.a360m--sfumata button:focus-visible{outline-color:var(--su-sfum)}
@media(max-width:600px){.a360m-sfum{border-radius:calc(var(--r) + 4px)}}

@media (prefers-reduced-motion: reduce){ .a360m *{transition:none !important} }
.a360m--ferma *{transition:none !important}
.a360m--ferma .a360m-tess:hover,.a360m--ferma .a360m-scheda:hover{transform:none}