/* =========================================================
   Stile Ittica360 – pelle grafica "Tema 360"
   Esportato da ittica.chioggia.it (07/11/2026)
   Si attiva con la classe "t360" sul <body> (aggiunta dal plugin).
   ========================================================= */
body.t360{
 --t-ink:#0b1a24;--t-ink2:#12293a;--t-ink3:#1b3a50;--t-sea:#1d4a5c;
 --t-brass:#d9a548;--t-brass2:#b8862e;--t-paper:#f5f1e8;--t-card:#ffffff;
 --t-text:#1c2b35;--t-muted:#5b6b76;--t-line:rgba(11,26,36,.12);
 --t-r:14px;--t-sh:0 1px 2px rgba(11,26,36,.06),0 8px 24px -12px rgba(11,26,36,.25);
 --t-f:"Instrument Sans","Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 --t-fd:"Big Shoulders Display","Big Shoulders","Arial Narrow",Impact,sans-serif;
 --t-fs:"Newsreader",Georgia,serif;
 background:var(--t-paper)!important;color:var(--t-text);font-family:var(--t-f)!important;font-size:17px;line-height:1.6;
 -webkit-font-smoothing:antialiased;
}

/* ---- header Ittica360 (markup generato dal plugin se l'opzione è attiva) ---- */
.t360-h{position:sticky;top:var(--t360-top,var(--wp-admin--admin-bar--height,0px));z-index:9990;
 background:linear-gradient(180deg,var(--t-ink) 0%,var(--t-ink2) 100%);color:#fff;
 border-bottom:1px solid rgba(217,165,72,.35);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.t360-in-w{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.t360-logo img{display:block;height:44px;width:auto}
.t360-logo-txt{color:#fff!important;text-decoration:none!important;font:800 26px/1 var(--t-fd);text-transform:uppercase;letter-spacing:.02em}
.t360-nav{display:flex;align-items:center;flex:1;gap:12px;min-width:0}
.t360-ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0 auto 0 8px;padding:0}
.t360-li{position:relative;list-style:none;margin:0}
.t360-top{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;color:#eef3f6!important;
 font:600 15px/1 var(--t-f);letter-spacing:.01em;text-decoration:none!important;cursor:pointer;list-style:none;white-space:nowrap}
.t360-top::-webkit-details-marker{display:none}
.t360-top:hover,.t360-g[open]>.t360-top{background:rgba(255,255,255,.08);color:#fff!important}
.t360-car{width:7px;height:7px;border-right:2px solid var(--t-brass);border-bottom:2px solid var(--t-brass);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.t360-g[open] .t360-car{transform:rotate(-135deg) translateY(-1px)}
.t360-dd{position:absolute;left:0;top:calc(100% + 8px);min-width:290px;background:#fff;color:var(--t-text);border-radius:var(--t-r);
 box-shadow:0 24px 48px -16px rgba(11,26,36,.45);padding:8px;border:1px solid var(--t-line);display:grid;gap:2px;z-index:9999}
.t360-dd::before{content:"";position:absolute;top:-6px;left:22px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:1px solid var(--t-line);border-top:1px solid var(--t-line)}
.t360-dd-a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none!important;color:var(--t-text)!important}
.t360-dd-a:hover,.t360-dd-a:focus{background:#f3efe4}
.t360-dd-t{display:block;font-weight:650;font-size:15px}
.t360-dd-s{display:block;font-size:12.5px;color:var(--t-muted);margin-top:1px}
.t360-side{display:flex;align-items:center;gap:12px;margin-left:auto}
.t360-cta{background:var(--t-brass);color:var(--t-ink)!important;font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none!important;font-size:14.5px;white-space:nowrap}
.t360-cta:hover{background:#e7b65c}
.t360-acc{display:flex;align-items:center;gap:8px;font-size:14px}
.t360-ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--t-ink3);border:1px solid rgba(217,165,72,.6);color:var(--t-brass);font-weight:700;font-size:13px}
.t360-nm{color:#dfe7ec;font-weight:600}
.t360-out,.t360-in{color:#fff!important;border:1px solid rgba(255,255,255,.3);padding:8px 14px;border-radius:999px;text-decoration:none!important;font-weight:600}
.t360-out:hover,.t360-in:hover{border-color:var(--t-brass);color:var(--t-brass)!important}
.t360-burger{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:9px 12px;align-items:center;gap:4px;cursor:pointer}
.t360-burger i{display:flex;flex-direction:column;gap:4px}.t360-burger i span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
.t360-burger b{font:600 14px var(--t-f);margin-left:8px}

/* ---- contenuti ---- */
body.t360 .site.grid-container{max-width:1240px}
body.t360 .site-content{padding-top:28px}
body.t360 .inside-article,body.t360 .separate-containers .inside-article{background:transparent!important;padding:0!important}
body.t360 .entry-title,body.t360 .entry-content>h1,body.t360 .entry-content>h2,body.t360 .entry-content>h3,body.t360 .entry-content>h4{color:var(--t-ink);letter-spacing:-.01em;line-height:1.2}
body.t360 .entry-content>h1,body.t360 .entry-title,body.t360 .entry-content>h2{font-family:var(--t-fd);font-weight:800;text-transform:uppercase;letter-spacing:.01em}
body.t360 .entry-title{font-size:clamp(34px,5vw,56px);margin-bottom:.3em}
body.t360 .entry-content a:not([class]){color:var(--t-sea);text-decoration:underline;text-decoration-color:rgba(29,74,92,.35);text-underline-offset:3px}
body.t360 .entry-content a:not([class]):hover{color:var(--t-brass2)}
body.t360 .entry-content p,body.t360 .entry-content li{max-width:75ch}
body.t360 .wp-block-button__link,body.t360 .entry-content .button{background:var(--t-ink)!important;color:#fff!important;border-radius:999px!important;padding:12px 22px!important;font-weight:700!important;border:0!important}
body.t360 .wp-block-button__link:hover,body.t360 .entry-content .button:hover{background:var(--t-sea)!important}
body.t360 .entry-content table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--t-line);border-radius:var(--t-r);overflow:hidden}
body.t360 .entry-content th{background:#f0ebdf;color:var(--t-ink);font-weight:700;text-align:left}
body.t360 .entry-content th,body.t360 .entry-content td{padding:10px 14px;border-bottom:1px solid var(--t-line)}

/* ---- riquadri-scorciatoia (Menu Tiles), se presenti ---- */
body.t360 .mtl-item{background:var(--t-card)!important;border:1px solid var(--t-line)!important;border-radius:var(--t-r)!important;
 box-shadow:var(--t-sh)!important;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
body.t360 .mtl-item:hover{transform:translateY(-2px);border-color:rgba(217,165,72,.7)!important;box-shadow:0 14px 30px -14px rgba(11,26,36,.35)!important}
body.t360 .mtl-item>:not(.mtl-body){background:var(--t-ink)!important;color:var(--t-brass)!important;border:0!important}
body.t360 .mtl-item>:not(.mtl-body) *{color:var(--t-brass)!important;fill:currentColor}
body.t360 .mtl-body{background:transparent!important}
body.t360 .mtl-item::before,body.t360 .mtl-item::after{background:var(--t-ink)!important;border-color:var(--t-ink)!important}
body.t360 .mtl-icon{background:var(--t-ink)!important;color:var(--t-brass)!important;border:0!important;box-shadow:none!important}
body.t360 .mtl-icon *,body.t360 .mtl-icon .dashicons{color:var(--t-brass)!important}
body.t360 .site,body.t360 #page,body.t360 .site-content,body.t360 .content-area,body.t360 .site-main{background:transparent!important}
body.t360 .mtl-title,body.t360 .mtl-title a{color:var(--t-ink)!important;font-family:var(--t-f)!important;font-weight:650!important;text-decoration:none!important}
body.t360 .mtl-desc,body.t360 .mtl-body p{color:var(--t-muted)!important}

/* ---- footer ---- */
body.t360 .site-footer,body.t360 .pmwf{background:var(--t-ink)!important}

/* ---- accessibilità ---- */
body.t360 :focus-visible{outline:3px solid var(--t-brass);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){body.t360 *{transition:none!important;animation:none!important}}

/* ---- tablet / telefono ---- */
@media (max-width:1100px){
 .t360-burger{display:flex}
 .t360-nav{display:none;position:fixed;left:0;right:0;top:calc(var(--t360-top,var(--wp-admin--admin-bar--height,0px)) + 64px);bottom:0;
  background:var(--t-ink);flex-direction:column;align-items:stretch;padding:12px 16px 28px;overflow:auto;gap:8px}
 .t360-h.open .t360-nav{display:flex}
 .t360-ul{flex-direction:column;align-items:stretch;margin:0}
 .t360-top{padding:14px 12px;font-size:17px;justify-content:space-between}
 .t360-dd{position:static;min-width:0;box-shadow:none;margin:4px 0 8px;border-radius:12px}
 .t360-dd::before{display:none}
 .t360-side{flex-direction:column;align-items:stretch;margin:8px 0 0;gap:12px}
 .t360-cta{text-align:center;padding:14px}
 .t360-acc{justify-content:center}
}
@media (max-width:600px){
 .t360-in-w{padding:10px 16px}
 .t360-logo img{height:38px}
 body.t360{font-size:16px}
}
