/* =========================================================
   Stile elegante Ittica360 + coerenza colori (tutto il sito)
   Esportato da ittica.chioggia.it (07/11/2026)
   ========================================================= */
:root{--ix-navy:#0b2236;--ix-deep:#0f3550;--ix-sea:#1f7a8c;--ix-gold:#c9a45c;--ix-foam:#e8f3f5;--ix-mute:#5b6b7a}
::selection{background:rgba(201,164,92,.35)}

/* Titolo della pagina: con grazie, blu notte, filo oro, ingresso morbido */
html:root body .entry-header .entry-title,html:root body h1.page-title{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;color:var(--ix-navy)!important;letter-spacing:-.01em;position:relative;padding-bottom:14px;animation:ixUp .7s cubic-bezier(.2,.7,.2,1) both}
html:root body .entry-header .entry-title:after,html:root body h1.page-title:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;background:linear-gradient(90deg,var(--ix-gold),transparent)}

/* Titoli del testo libero (non dentro le app) */
html:root body .entry-content>:is(h2,h3,h4),html:root body .entry-content>.wp-block-group :is(h2,h3,h4),html:root body .so-panel>.widget-title,html:root body .entry-content>.panel-layout .so-panel>h3.widget-title{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;color:var(--ix-navy)!important;letter-spacing:-.005em}
html:root body .entry-content>:is(h2,h3) em{color:var(--ix-gold)}
html:root body .entry-content>p{line-height:1.7}

/* Link nel testo: blu mare con sottolineatura oro animata */
html:root body .entry-content>:is(p,ul,ol) a:not([class]){color:var(--ix-sea);text-decoration:none;background:linear-gradient(var(--ix-gold),var(--ix-gold)) 0 100%/0 1px no-repeat;transition:background-size .3s ease,color .3s ease}
html:root body .entry-content>:is(p,ul,ol) a:not([class]):hover{color:var(--ix-deep);background-size:100% 1px}

/* Menu principale del tema: voce attiva con filo oro */
html:root body .main-navigation .main-nav ul li:is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current-menu-parent)>a{background:transparent!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--ix-gold)}
html:root body .main-navigation .main-nav>ul>li>a{transition:color .25s ease,box-shadow .25s ease}
html:root body .main-navigation .main-nav>ul>li:not(.current-menu-item):hover>a{box-shadow:inset 0 -3px 0 rgba(201,164,92,.55)}

/* Pulsanti dei contenuti: pillola oro */
html:root body .entry-content :is(.wp-block-button__link,input[type="submit"],button[type="submit"]):not(.custom-html-widget *,.aec-app *,.ah360p *,.rn *,.rnb *,.rnf *,.rnl *,.avx *){background:var(--ix-gold)!important;color:var(--ix-navy)!important;border:0!important;border-radius:999px!important;font-weight:600!important;padding:12px 26px!important;box-shadow:0 8px 22px rgba(201,164,92,.35)!important;transition:transform .2s ease,box-shadow .2s ease!important}
html:root body .entry-content :is(.wp-block-button__link,input[type="submit"],button[type="submit"]):not(.custom-html-widget *,.aec-app *,.ah360p *,.rn *,.rnb *,.rnf *,.rnl *,.avx *):hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,164,92,.5)!important}
html:root body .entry-content :is(.wp-block-button__link,input[type="submit"],button[type="submit"]):not(.custom-html-widget *,.aec-app *,.ah360p *,.rn *,.rnb *,.rnf *,.rnl *,.avx *)::before{display:none!important}

/* Citazioni e tabelle */
html:root body .entry-content>blockquote,html:root body .entry-content>.wp-block-quote{border-left:3px solid var(--ix-gold)!important;background:var(--ix-foam);padding:18px 24px;border-radius:0 14px 14px 0;font-family:Georgia,serif;font-style:italic;color:var(--ix-deep)}
html:root body .entry-content>:is(table,.wp-block-table table) thead th,html:root body .entry-content>.wp-block-table thead th{background:var(--ix-navy)!important;color:#fff!important;font-weight:600;border-color:var(--ix-deep)!important}

/* Pulsante "torna su" (GeneratePress) */
html:root body .generate-back-to-top{background:var(--ix-navy)!important;color:var(--ix-gold)!important;border-radius:50%!important;box-shadow:0 8px 20px rgba(11,34,54,.3)}

/* Ingresso morbido dei contenuti */
html:root body .entry-content{animation:ixFade .8s ease .1s both}
@keyframes ixUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ixFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html:root body .entry-header .entry-title,html:root body .entry-content{animation:none}}

/* ===== coerenza colori su tutto il sito (grafica Tema360) ===== */
html body.t360{
  --i-ink:#0b1a24; --i-deep:#12293a; --i-teal:#0b666b; --i-aqua:#4fb7b3;
  --i-gold:#d9a548; --i-sand:#f3e6c8; --i-mist:#eaf2f1;
  background:
    radial-gradient(1100px 520px at 0% 0%,rgba(79,183,179,.16),transparent 60%),
    radial-gradient(900px 480px at 100% 10%,rgba(243,230,200,.60),transparent 62%),
    linear-gradient(180deg,#eef4f2 0%,#e6efed 100%) fixed !important;
  background-color:#eaf2f1 !important;
}
body.t360 .site-content{padding-top:24px}

/* Header: profondità, filo oro e luce acqua */
body.t360 .t360-h{
  background:
    radial-gradient(600px 120px at 15% 0%,rgba(79,183,179,.18),transparent 70%),
    linear-gradient(180deg,#0b1a24 0%,#12293a 100%);
  box-shadow:0 1px 0 rgba(217,165,72,.35),0 14px 34px -20px rgba(4,16,24,.75);
}
body.t360 .t360-h::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(79,183,179,.7) 30%,rgba(217,165,72,.8) 70%,transparent)}
body.t360 .t360-top{position:relative;transition:color .2s}
body.t360 .t360-top::after{content:"";position:absolute;left:12%;right:12%;bottom:4px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--i-aqua),var(--i-gold));transform:scaleX(0);transition:transform .25s ease}
body.t360 .t360-top:hover::after,body.t360 .t360-g[open]>.t360-top::after{transform:scaleX(1)}

/* Menu a tendina: vetro chiaro con ombra a strati */
body.t360 .t360-dd{
  background:rgba(251,253,252,.94);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(11,102,107,.12);border-radius:16px;
  box-shadow:0 2px 6px rgba(12,48,54,.08),0 28px 56px -20px rgba(11,26,36,.5);
}
body.t360 .t360-dd-a{border-radius:10px;transition:background .15s,transform .15s}
body.t360 .t360-dd-a:hover{background:linear-gradient(135deg,rgba(79,183,179,.14),rgba(243,230,200,.45));transform:translateX(2px)}
body.t360 .t360-dd-t{color:var(--i-ink)}
body.t360 .t360-dd-s{color:#53686d}

/* Pulsante Contatti: oro con rilievo */
body.t360 .t360-cta{
  background:linear-gradient(135deg,#e8bd66 0%,#d9a548 50%,#b9862e 100%);
  box-shadow:0 8px 18px -10px rgba(217,165,72,.9),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .15s,box-shadow .15s,filter .15s;
}
body.t360 .t360-cta:hover{transform:translateY(-1px);filter:brightness(1.05);
  box-shadow:0 12px 24px -12px rgba(217,165,72,1),0 0 0 3px rgba(217,165,72,.2),inset 0 1px 0 rgba(255,255,255,.45)}
body.t360 .t360-ava{box-shadow:0 0 0 2px rgba(79,183,179,.55)}

/* Footer e torna su */
body.t360 .site-footer{
  background:radial-gradient(700px 160px at 85% 0%,rgba(79,183,179,.14),transparent 70%),linear-gradient(180deg,#12293a,#0b1a24);
  box-shadow:inset 0 1px 0 rgba(217,165,72,.35);
}
body.t360 .generate-back-to-top{
  background:linear-gradient(135deg,#13868a,#0b666b 55%,#0a3f45);border-radius:999px;
  box-shadow:0 10px 22px -10px rgba(11,102,107,.9);
}
@media (prefers-reduced-motion:reduce){
  body.t360 .t360-top::after,body.t360 .t360-dd-a,body.t360 .t360-cta{transition:none}
}
