/*
Theme Name: U Troppitu
Theme URI: https://www.utroppitu.eu
Author: Giovanni Montesano
Author URI: https://www.utroppitu.eu
Description: Tema editoriale sobrio per U Troppitu, giornale di Cenadi. Colori, sfondo, font e dimensioni di nome-testata, motto e titoli, ritaglio delle foto, numero di articoli in homepage e carosello in evidenza: tutto gestibile da Aspetto > Personalizza.
Version: 1.5.5
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: utroppitu
*/

:root{
  --ink:#1b1a18;
  --paper:#f7f4ee;
  --panel:#efeae1;
  --red:#8c1e13;
  --red-ink:#6f160d;
  --ochre:#8f6312;
  --graphite:#3a3833;
  --verde:#4a6b2e;
  --muted:#6b665d;
  --line:rgba(27,26,24,.14);
  --line-strong:rgba(27,26,24,.30);
  --serif:'Spectral',Georgia,'Times New Roman',serif;
  --sans:'Archivo','Helvetica Neue',Arial,sans-serif;

  /* Menu pilotabili da Personalizza */
  --menu-main-font:var(--sans);
  --menu-main-size:13px;
  --menu-main-mobile-size:13px;
  --menu-main-weight:500;
  --menu-main-spacing:.06em;
  --menu-main-pad-x:14px;
  --menu-tools-font:var(--sans);
  --menu-tools-size:12px;
  --menu-tools-mobile-size:12px;
  --menu-tools-weight:700;
  --menu-tools-spacing:.10em;
  --menu-tools-pad-x:14px;
  --home-content-max:1080px;

  /* Pilotabili da Personalizza */
  --font-head:var(--serif);
  --font-body:var(--serif);
  --wordmark-font:var(--serif);
  --motto-font:var(--serif);
  --cat-tac:var(--graphite);
  --cat-pai:var(--ochre);
  --cat-sin:var(--red);
  --cat-par:var(--verde);
  --wordmark-size:92px;
  --motto-size:18px;
  --lead-title-size:48px;
  --article-title-size:52px;
  --content-size:19px;
  --lead-ratio:4 / 3;
  --card-ratio:16 / 10;
  --carousel-ratio:16 / 6;
  --featured-max:760px;
  --sectioned-title-size:22px;
  --sectioned-ratio:16 / 9;
  --sectioned-columns:2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
body.ut-front-page #main.wrap{max-width:var(--home-content-max)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:99}

/* immagini: SEMPRE blocco con ritaglio reale */
.media,.ph{display:block;overflow:hidden;position:relative}
.media img,.ph img{display:block;width:100%;height:100%;object-fit:cover}
.ph{background:var(--panel);border:1px solid var(--line)}
.ph .barcode{position:absolute;inset:0;background:
   repeating-linear-gradient(90deg,transparent 0 7px,rgba(27,26,24,.05) 7px 8px),
   repeating-linear-gradient(0deg,transparent 0 7px,rgba(27,26,24,.05) 7px 8px)}

/* utility bar */
.utility{border-bottom:1px solid var(--line);font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 16px;min-height:38px}
.utility .right{display:flex;gap:18px;align-items:center}
.utility .right a:hover{color:var(--red)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:2px}
.pill:hover{border-color:var(--red);color:var(--red)}

/* masthead */
.masthead{text-align:center;padding:26px 0 18px;border-bottom:3px double var(--line-strong)}
.masthead .kicker{font-family:var(--sans);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.masthead .wordmark{font-family:var(--wordmark-font);font-weight:800;font-size:clamp(40px,9vw,var(--wordmark-size));line-height:.92;letter-spacing:-.01em}
.masthead .custom-logo{max-height:96px;width:auto;margin:0 auto}
.masthead .tagline{font-family:var(--motto-font);font-style:italic;color:var(--muted);font-size:clamp(13px,2.4vw,var(--motto-size));margin-top:10px}

/* nav */
.site-nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:20}
.site-nav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.site-nav .wrap::-webkit-scrollbar{display:none}
.site-nav ul{display:flex;gap:4px;list-style:none}
.site-nav a{display:block;font-family:var(--menu-main-font);font-size:var(--menu-main-size);font-weight:var(--menu-main-weight);letter-spacing:var(--menu-main-spacing);text-transform:uppercase;padding:14px var(--menu-main-pad-x);white-space:nowrap;color:var(--graphite);border-bottom:2px solid transparent}
.site-nav a:hover{color:var(--red);border-bottom-color:var(--red)}
.site-nav .current-menu-item>a,.site-nav .current_page_item>a,.site-nav a.active{color:var(--ink);border-bottom-color:var(--ink)}
.site-nav__toggle{display:none;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;padding:13px 14px;background:none;border:none;cursor:pointer;font-family:var(--menu-main-font);font-size:var(--menu-main-mobile-size);font-weight:var(--menu-main-weight);letter-spacing:var(--menu-main-spacing);text-transform:uppercase;color:var(--ink)}
.site-nav__bars{position:relative;display:block;width:24px;height:2px;background:var(--ink)}
.site-nav__bars::before,.site-nav__bars::after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--ink);transition:transform .2s ease}
.site-nav__bars::before{top:-7px}
.site-nav__bars::after{top:7px}
.site-nav--open .site-nav__bars{background:transparent}
.site-nav--open .site-nav__bars::before{transform:translateY(7px) rotate(45deg)}
.site-nav--open .site-nav__bars::after{transform:translateY(-7px) rotate(-45deg)}

/* menu secondario strumenti: barra autonoma sotto il menu principale */
.ut-toolsbar{position:-webkit-sticky;position:sticky;top:calc((var(--menu-main-size) * 1.55) + 29px);z-index:9989;background:var(--red);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px rgba(27,26,24,.08)}
.ut-toolsbar .wrap{display:flex;overflow-x:auto;scrollbar-width:none}
.ut-toolsbar .wrap::-webkit-scrollbar{display:none}
.ut-toolsbar ul{display:flex;align-items:center;gap:2px;list-style:none;width:100%}
.ut-toolsbar li{flex:0 0 auto}
.ut-toolsbar a{display:block;padding:10px var(--menu-tools-pad-x);font-family:var(--menu-tools-font);font-size:var(--menu-tools-size);font-weight:var(--menu-tools-weight);letter-spacing:var(--menu-tools-spacing);text-transform:uppercase;color:#fff;white-space:nowrap;border-left:1px solid rgba(255,255,255,.16)}
.ut-toolsbar li:first-child a{border-left:none}
.ut-toolsbar a:hover,.ut-toolsbar .current-menu-item>a,.ut-toolsbar .current_page_item>a{background:rgba(27,26,24,.22);color:#fff}
.admin-bar .ut-toolsbar{top:calc(32px + (var(--menu-main-size) * 1.55) + 29px)}
@media(max-width:782px){.ut-toolsbar{top:calc((var(--menu-main-mobile-size) * 1.55) + 29px)}.admin-bar .ut-toolsbar{top:calc(46px + (var(--menu-main-mobile-size) * 1.55) + 29px)}}

/* carosello */
.ut-carousel{position:relative;overflow:hidden;width:100%;max-width:100%;background:var(--panel);border-bottom:1px solid var(--line)}
.ut-carousel:not(.is-ready) .ut-slide:first-child{opacity:1;visibility:visible}
.ut-carousel .ut-viewport{position:relative;aspect-ratio:var(--carousel-ratio);min-height:240px}
.ut-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease}
.ut-slide.is-active{opacity:1;visibility:visible}
.ut-slide img{width:100%;height:100%;object-fit:cover}
.ut-slide .ut-cap{position:absolute;left:0;right:0;bottom:0;padding:46px 30px 24px;background:linear-gradient(to top,rgba(0,0,0,.74),rgba(0,0,0,0));color:#fff}
.ut-slide .ut-cap .inner{max-width:1080px;margin:0 auto;padding:0 24px}
.ut-slide .ut-cap .eyebrow{color:#fff;opacity:.92}
.ut-slide .ut-cap h3{font-family:var(--font-head);font-weight:700;font-size:clamp(20px,3.4vw,34px);line-height:1.1;margin-top:6px;max-width:min(34ch,80vw)}
.ut-prev,.ut-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:26px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}
.ut-prev{left:14px}
.ut-next{right:14px}
.ut-prev:hover,.ut-next:hover{background:var(--red)}
.ut-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center;z-index:3}
.ut-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.55);cursor:pointer;padding:0}
.ut-dots button.is-active{background:#fff}

/* eyebrow / category */
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.cat-tac{color:var(--cat-tac)}
.cat-pai{color:var(--cat-pai)}
.cat-sin{color:var(--cat-sin)}
.cat-par{color:var(--cat-par)}
.meta{font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.02em}

/* lead */
.lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.lead>*{min-width:0}
.lead .media,.lead .ph{aspect-ratio:var(--lead-ratio)}
.lead h2{font-family:var(--font-head);font-weight:700;font-size:clamp(28px,4.4vw,var(--lead-title-size));line-height:1.06;letter-spacing:-.01em;margin:12px 0 14px;overflow-wrap:break-word}
.lead h2 a:hover{color:var(--red)}
.lead .standfirst{font-size:19px;line-height:1.5;color:#34322d}
.lead .byline{margin:7px 0 10px}

/* section heading */
.section-head{display:flex;align-items:center;gap:14px;margin:34px 0 6px}
.section-head h3{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.section-head .rule{flex:1;height:1px;background:var(--line)}

/* grid */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;row-gap:34px;padding:18px 0 8px;align-items:start}
.card{padding:0 26px;border-right:1px solid var(--line);min-width:0}
.card:nth-child(3n){border-right:none;padding-right:0}
.card:nth-child(3n+1){padding-left:0}
.card .media,.card .ph{aspect-ratio:var(--card-ratio);margin-bottom:14px}
.card h4{font-family:var(--font-head);font-weight:600;font-size:21px;line-height:1.16;margin:10px 0 8px;overflow-wrap:break-word}
.card h4 a:hover{color:var(--red)}
.card p{font-size:15px;color:#3d3b35;line-height:1.5}
.card .meta{margin:5px 0 8px}

/* list (archive / index) */
.list{padding:24px 0}
.list .row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.list .row>*{min-width:0}
.list .row .media,.list .row .ph{aspect-ratio:var(--card-ratio)}
.list .row h4{font-family:var(--font-head);font-weight:600;font-size:24px;line-height:1.14;margin:8px 0;overflow-wrap:break-word}
.list .row h4 a:hover{color:var(--red)}
.list .row p{font-size:16px;color:#3d3b35}
.list .row .meta{margin:5px 0 8px}

/* tools band */
.tools{position:relative;z-index:1;clear:both;margin:30px 0 0;background:var(--ink);color:#f3efe7;border-radius:3px;padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.tools .eyebrow{color:#e9b6ad}
.tools h3{font-family:var(--font-head);font-weight:600;font-size:27px;line-height:1.12;margin:10px 0 8px}
.tools p{font-size:15px;color:#cfc9bd;max-width:54ch}
.tools .cta{display:inline-block;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid #6f6a60;color:#f3efe7;padding:13px 22px;border-radius:2px;white-space:nowrap}
.tools .cta:hover{background:var(--red);border-color:var(--red)}
.tools .lock{display:block;margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b7b1a6;font-family:var(--sans)}

.archive-tools-band{margin:0 0 8px}
.archive-tools-band .tools{margin-top:18px}

/* single article */
.single-article{max-width:760px;margin:0 auto;padding:38px 0}
.single-article .eyebrow{margin-bottom:10px}
.single-article h1.title{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,5vw,var(--article-title-size));line-height:1.05;letter-spacing:-.01em;margin-bottom:14px}
.single-article .byline{margin-bottom:24px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.single-article .ut-author-icon{width:var(--author-icon-size);height:var(--author-icon-size);border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--line-strong);background:var(--panel)}
.single-article .ut-byline-text{display:inline-block}
.single-article .featured{margin:0 auto 28px;max-width:var(--featured-max)}
.single-article .featured img{width:100%;height:auto}
.entry-content{font-size:var(--content-size);line-height:1.72;overflow-wrap:break-word}
.entry-content p{margin:0 0 1.2em}
.entry-content h2{font-family:var(--font-head);font-size:30px;font-weight:700;margin:1.4em 0 .5em}
.entry-content h3{font-family:var(--font-head);font-size:24px;font-weight:600;margin:1.3em 0 .5em}
.entry-content a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.entry-content blockquote{border-left:3px solid var(--red);margin:1.4em 0;padding:.2em 0 .2em 22px;font-style:italic;color:#34322d}
.entry-content img{margin:1.2em 0}
.entry-content iframe,.entry-content video{max-width:100%}
.entry-content table{display:block;max-width:100%;overflow-x:auto}
.article-footer{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--sans);font-size:13px;color:var(--muted)}
.article-footer a{color:var(--ink)}
.article-footer a:hover{color:var(--red)}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-family:var(--sans);font-size:14px}
.post-nav a:hover{color:var(--red)}

/* page header (archive/search) */
.page-head{padding:34px 0 6px;border-bottom:1px solid var(--line)}
.page-head .eyebrow{margin-bottom:8px}
.page-head h1{font-family:var(--font-head);font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.05}
.page-head .desc{color:var(--muted);font-style:italic;margin-top:8px}

/* generic page */
.page-content{max-width:760px;margin:0 auto;padding:38px 0}
.page-content h1.title{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,5vw,46px);margin-bottom:20px}

/* pagina con l'app del plugin (shortcode [fascicolo_igiene_ambientale]):
   contenitore largo e centrato come il resto del sito, app entro la colonna,
   eventuale eccedenza con scroll interno controllato — niente scroll orizzontale globale */
.page-content:has(.fia-wrap){max-width:1080px}
.page-content:has(.fia-wrap) .fia-wrap{width:100%;max-width:100%;margin:0 auto;overflow-x:auto}
.page-content:has(.fia-wrap) .fia-app{width:100%;max-width:100%;margin:8px auto}

/* pagination */
.pagination{font-family:var(--sans);font-size:14px;padding:26px 0 8px;display:flex;gap:10px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line-strong);border-radius:2px}
.pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pagination a:hover{border-color:var(--red);color:var(--red)}

/* home: contenuto principale + colonna destra */
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.home-main{min-width:0}
.home-aside{min-width:0;font-family:var(--sans)}
.home-aside .ut-widget{margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.home-aside .ut-widget:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.ut-widget-title{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.ut-widget-list{list-style:none}
.ut-widget-list li{padding:8px 0;border-bottom:1px solid var(--line);line-height:1.4;overflow-wrap:break-word}
.ut-widget-list li:last-child{border-bottom:none}
.ut-widget-list a{font-family:var(--font-head);font-size:16px;color:var(--ink)}
.ut-widget-list a:hover{color:var(--red)}
.ut-widget-date{display:block;font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.02em}
.ut-widget-cats .ut-widget-list a,.ut-widget-archive .ut-widget-list a{font-family:var(--sans);font-size:14px}
.ut-widget-about p{font-size:14px;line-height:1.55;color:#3d3b35}
.ut-widget-fb .ut-fb-embed{max-width:100%;overflow:hidden}
.ut-widget-fb .ut-fb-embed iframe{display:block;width:100%;max-width:100%;height:500px;border:none}
.ut-widget-fb .ut-fb-note{font-size:13px;line-height:1.5;color:var(--muted)}
.home-aside .search-form{display:flex;gap:8px}
.home-aside .search-form .search-field{flex:1;min-width:0;font-family:var(--sans);font-size:14px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink)}
.home-aside .search-form .search-submit{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:2px;cursor:pointer}
.home-aside .search-form .search-submit:hover{background:var(--red);border-color:var(--red)}



/* blocco homepage: ultimi articoli suddivisi per categoria */
.ut-sectioned-latest{grid-column:1/-1;margin:42px 0 0;padding-top:8px;clear:both}
.ut-sectioned-latest__head{display:flex;align-items:center;gap:18px;margin:0 0 24px}
.ut-sectioned-latest__head h3{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ut-sectioned-latest__head .rule{height:1px;background:var(--line);flex:1}
.ut-sectioned-latest__grid{display:block}
.ut-sectioned-category{min-width:0;border-top:5px solid var(--ink);padding-top:12px;margin:0 0 42px}
.ut-sectioned-category:last-child{margin-bottom:28px}
.ut-sectioned-category__title{font-family:var(--sans);font-size:46px;font-weight:900;line-height:.95;letter-spacing:-.065em;text-transform:none;color:var(--red);margin:0 0 20px}
.ut-sectioned-category__title a{color:inherit}
.ut-sectioned-category__title a:hover{color:var(--ink)}
.ut-sectioned-category__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:28px;align-items:start}
.ut-sectioned-category__featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ut-sectioned-category__side{border-left:1px solid var(--line-strong);padding-left:24px}
.ut-sectioned-category__standard-list{display:grid;grid-template-columns:repeat(var(--sectioned-columns),minmax(0,1fr));gap:0 30px}
.ut-sectioned-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}
.ut-sectioned-card:last-child{border-bottom:none}
.ut-sectioned-card .media,.ut-sectioned-card .ph{aspect-ratio:var(--sectioned-ratio);border-radius:8px;background:var(--panel)}
.ut-sectioned-card--no-image{grid-template-columns:1fr}
.ut-sectioned-card h4{font-family:var(--sans);font-size:var(--sectioned-title-size);font-weight:900;line-height:1.04;color:var(--ink);letter-spacing:-.045em;margin:0 0 8px;overflow-wrap:break-word}
.ut-sectioned-card h4 a:hover{color:var(--red)}
.ut-sectioned-card .meta{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0 0 7px}
.ut-sectioned-card p{font-family:var(--sans);font-size:14px;line-height:1.35;color:#3c3933;margin:0}
.ut-sectioned-card--featured{display:block;padding:0;border-bottom:none}
.ut-sectioned-card--featured .media,.ut-sectioned-card--featured .ph{margin-bottom:10px;width:100%}
.ut-sectioned-card--featured h4{font-size:clamp(22px,2.05vw,30px)}
.ut-sectioned-card--featured p{font-size:14.5px;line-height:1.35}
.ut-sectioned-card--side{display:block;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line-strong)}
.ut-sectioned-card--side:last-child{margin-bottom:0}
.ut-sectioned-card--side h4{font-size:clamp(18px,1.55vw,24px);line-height:1.06;margin-bottom:0}
.ut-sectioned-card--compact{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:12px 0}
.ut-sectioned-card--compact h4{font-size:calc(var(--sectioned-title-size) - 2px)}
.ut-sectioned-card--compact p{display:none}
.ut-sectioned-category__pager{font-family:var(--sans);font-size:14px;padding:24px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ut-sectioned-category__pager .page-numbers,.ut-sectioned-category__all{padding:8px 13px;border:1px solid var(--line-strong);border-radius:2px;background:transparent;color:var(--red);line-height:1.2}
.ut-sectioned-category__pager .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ut-sectioned-category__pager a:hover,.ut-sectioned-category__all:hover{border-color:var(--red);color:var(--red)}
.ut-sectioned-category__all{margin-left:auto;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}
@media(max-width:980px){.ut-sectioned-category__layout{grid-template-columns:1fr}.ut-sectioned-category__side{border-left:none;border-top:1px solid var(--line-strong);padding-left:0;padding-top:18px}.ut-sectioned-category__title{font-size:40px}}
@media(max-width:760px){.ut-sectioned-category__featured,.ut-sectioned-category__standard-list{display:block}.ut-sectioned-card--featured{margin:0 0 22px}.ut-sectioned-card{grid-template-columns:132px minmax(0,1fr)}.ut-sectioned-category__all{margin-left:0}.ut-sectioned-category__title{font-size:36px}}
@media(max-width:620px){.ut-sectioned-category:last-child{margin-bottom:24px}.ut-sectioned-latest__head{align-items:flex-start;gap:12px}.ut-sectioned-latest__head h3{white-space:normal}.ut-sectioned-card{grid-template-columns:104px minmax(0,1fr);gap:12px}.ut-sectioned-card h4{font-size:20px}.ut-sectioned-card p{display:none}.ut-sectioned-card--featured .media,.ut-sectioned-card--featured .ph{margin-bottom:9px}.ut-sectioned-category__title{font-size:34px}.ut-sectioned-category{margin-bottom:34px}}


/* footer */
.site-footer{margin-top:58px;background:#171615;color:rgba(247,244,238,.78);border-top:4px solid var(--red);padding:44px 0 0;font-family:var(--sans);font-size:14px}
.site-footer .wrap{max-width:1080px}
.site-footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:34px}
.site-footer__col h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#efc4bd;margin:0 0 16px}
.site-footer__identity h2{font-family:var(--font-head);font-size:25px;letter-spacing:0;text-transform:none;color:#fff;margin-bottom:12px}
.site-footer__identity p{max-width:330px;line-height:1.65;color:rgba(247,244,238,.72)}
.site-footer__col ul{list-style:none;margin:0;padding:0}
.site-footer__col li{margin:0 0 9px;line-height:1.35}
.site-footer a{color:rgba(247,244,238,.88);text-decoration:none}
.site-footer a:hover{color:#efc4bd;text-decoration:underline;text-underline-offset:3px}
.site-footer__bottom{margin-top:34px;padding:18px 24px;border-top:1px solid rgba(247,244,238,.16);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:rgba(247,244,238,.56);font-size:12px;line-height:1.45}
@media(max-width:900px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.site-footer__bottom{display:block}.site-footer__bottom span{display:block;margin:0 0 8px}}
@media(max-width:620px){.site-footer{padding-top:34px}.site-footer__grid{grid-template-columns:1fr}.site-footer__identity p{max-width:none}}

@media(max-width:900px){
  .home-layout{grid-template-columns:1fr;gap:0}
  .home-aside{margin-top:34px;padding-top:28px;border-top:3px double var(--line-strong)}
}
@media(min-width:761px) and (max-width:900px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card{border-right:1px solid var(--line);padding:0 26px}
  .card:nth-child(3n){border-right:1px solid var(--line);padding-right:26px}
  .card:nth-child(3n+1){padding-left:26px}
  .card:nth-child(2n+1){padding-left:0}
  .card:nth-child(2n){border-right:none;padding-right:0}
}
@media(max-width:760px){
  .ut-carousel .ut-viewport{aspect-ratio:4 / 3;min-height:0}
  .ut-slide .ut-cap{padding:30px 0 16px}
  .ut-prev,.ut-next{width:36px;height:36px;font-size:20px}
  .lead{grid-template-columns:1fr;gap:18px}
  .lead .order-img{order:-1}
  .grid{grid-template-columns:1fr;row-gap:0}
  .card{padding:22px 0;border-right:none;border-bottom:1px solid var(--line)}
  .card:nth-child(3n){padding-right:0}
  .card:nth-child(3n+1){padding-left:0}
  .card:last-child{border-bottom:none}
  .tools{grid-template-columns:1fr}
  .list .row{grid-template-columns:1fr}
  .list .row .order-img{order:-1}
  .lead h2{font-size:25px;line-height:1.14}
  .lead .standfirst{font-size:16.5px;line-height:1.45}
  .ut-slide .ut-cap .inner{padding:0 18px}
  .ut-slide .ut-cap h3{font-size:20px;line-height:1.18;max-width:100%;overflow-wrap:break-word}
  .site-nav .wrap{justify-content:center;flex-wrap:wrap;overflow-x:visible}
  .site-nav__toggle{display:flex}
  .site-nav ul{display:none;flex-direction:column;width:100%;gap:0}
  .site-nav--open ul{display:flex}
  .site-nav li{width:100%}
  .site-nav a{display:block;white-space:normal;text-align:center;padding:13px var(--menu-main-pad-x);font-size:var(--menu-main-mobile-size);letter-spacing:var(--menu-main-spacing);border-bottom:none;border-top:1px solid var(--line)}
  .ut-toolsbar a{font-size:var(--menu-tools-mobile-size);padding-left:var(--menu-tools-pad-x);padding-right:var(--menu-tools-pad-x)}
}

/* telefoni piccoli: hero meno alto, frecce meno invasive, titoli/menu più compatti */
@media(max-width:620px){
  .ut-carousel .ut-viewport{aspect-ratio:3 / 2}
  .ut-slide .ut-cap{padding:24px 0 14px}
  .ut-slide .ut-cap h3{font-size:18px;line-height:1.2}
  .ut-prev,.ut-next{width:30px;height:30px;font-size:16px;background:rgba(0,0,0,.32)}
  .ut-prev{left:8px}
  .ut-next{right:8px}
  .lead h2{font-size:22px}
  .lead .standfirst{font-size:15.5px}
  .site-nav a{padding:12px var(--menu-main-pad-x);font-size:calc(var(--menu-main-mobile-size) - .5px)}
}


/* FIX 02/07/2026 – menu principale sempre visibile durante lo scroll
   Intervento solo CSS: mantiene il menu sticky e lo sposta sotto la barra admin WordPress quando si è collegati. */
.site-nav{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:9990;
}
.admin-bar .site-nav{
  top:32px;
}
@media (max-width:782px){
  .admin-bar .site-nav{
    top:46px;
  }
}


/* blocco homepage: carosello automatico video YouTube sopra il footer */
.ut-youtube-band{clear:both;margin:44px 0 38px;padding-top:14px;border-top:5px solid var(--ink)}
.ut-youtube-head{display:flex;align-items:center;gap:18px;margin:0 0 22px}
.ut-youtube-head h3{font-family:var(--sans);font-size:46px;font-weight:900;line-height:.95;letter-spacing:-.065em;color:var(--red);margin:0;white-space:nowrap}
.ut-youtube-head .rule{height:1px;background:var(--line-strong);flex:1}
.ut-youtube-shell{position:relative}
.ut-youtube-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:0 0 10px;outline:none}
.ut-youtube-track:focus-visible{box-shadow:0 0 0 3px rgba(140,30,19,.18)}
.ut-youtube-card{flex:0 0 clamp(230px,31%,330px);scroll-snap-align:start;min-width:0}
.ut-youtube-thumb{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:var(--panel)}
.ut-youtube-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.ut-youtube-thumb:hover img{transform:scale(1.035);filter:brightness(.86)}
.ut-youtube-placeholder{display:block;width:100%;height:100%;background:var(--panel)}
.ut-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(140,30,19,.92);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;padding-left:3px;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.ut-youtube-body{padding:12px 0 0}
.ut-youtube-body h4{font-family:var(--sans);font-size:22px;font-weight:900;line-height:1.05;letter-spacing:-.045em;color:var(--ink);margin:0 0 8px;overflow-wrap:break-word}
.ut-youtube-body h4 a:hover{color:var(--red)}
.ut-youtube-date{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0}
.ut-youtube-nav{position:absolute;top:calc((100% - 48px) / 2);z-index:2;width:40px;height:40px;border:1px solid rgba(27,26,24,.25);border-radius:50%;background:rgba(247,244,238,.92);color:var(--ink);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.ut-youtube-nav--prev{left:-20px}
.ut-youtube-nav--next{right:-20px}
.ut-youtube-nav:hover{background:var(--red);border-color:var(--red);color:#fff}
.ut-youtube-nav:disabled{opacity:.25;cursor:default;pointer-events:none}
.ut-youtube-all{margin:16px 0 0;text-align:right;font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ut-youtube-all a{display:inline-block;border:1px solid var(--line-strong);padding:9px 14px;border-radius:2px;color:var(--ink)}
.ut-youtube-all a:hover{border-color:var(--red);color:var(--red)}
.ut-youtube-notice{font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--muted);padding:14px 16px;border:1px dashed var(--line-strong);background:rgba(255,255,255,.35)}
.ut-has-youtube-band .site-footer{margin-top:0}
@media(max-width:760px){.ut-youtube-head{align-items:flex-start;gap:12px}.ut-youtube-head h3{font-size:36px;white-space:normal}.ut-youtube-card{flex-basis:78%}.ut-youtube-nav{display:none}.ut-youtube-all{text-align:left}}
@media(max-width:520px){.ut-youtube-band{margin-top:34px;margin-bottom:32px}.ut-youtube-card{flex-basis:86%}.ut-youtube-body h4{font-size:20px}.ut-youtube-head h3{font-size:34px}}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – rifinitura grafica mobile
 * Solo CSS responsive: non modifica query, menu, funzioni o logica del tema.
 * ------------------------------------------------------------------------- */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;line-height:1.5}
  .wrap{padding-left:16px;padding-right:16px}

  .utility{font-size:11px;letter-spacing:.03em;background:rgba(255,255,255,.28)}
  .utility .wrap{min-height:32px;justify-content:center;text-align:center;padding-top:5px;padding-bottom:5px}
  .utility .right{display:none}

  .masthead{padding:18px 14px 14px;border-bottom-width:2px}
  .masthead .kicker{font-size:10px;letter-spacing:.22em;line-height:1.35;margin-bottom:8px}
  .masthead .wordmark{font-size:clamp(42px,15vw,62px);line-height:.9;letter-spacing:-.035em}
  .masthead .custom-logo{max-height:74px;max-width:92%;height:auto}
  .masthead .tagline{font-size:14px;line-height:1.35;max-width:30ch;margin:8px auto 0}

  .site-nav{box-shadow:0 8px 18px rgba(27,26,24,.08)}
  .site-nav .wrap{padding-left:0;padding-right:0;display:block}
  .site-nav__toggle{min-height:48px;padding:13px 16px;background:rgba(255,255,255,.20);border-bottom:1px solid var(--line);font-weight:700}
  .site-nav ul{background:var(--paper);box-shadow:0 14px 24px rgba(27,26,24,.10)}
  .site-nav a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:13px 18px;line-height:1.2}
  .site-nav .current-menu-item>a,.site-nav .current_page_item>a,.site-nav a.active{background:rgba(27,26,24,.05);color:var(--red);border-top-color:var(--line-strong)}

  .ut-toolsbar{box-shadow:0 9px 18px rgba(27,26,24,.12)}
  .ut-toolsbar .wrap{padding-left:8px;padding-right:8px}
  .ut-toolsbar ul{gap:0}
  .ut-toolsbar li{scroll-snap-align:start}
  .ut-toolsbar a{min-height:40px;display:flex;align-items:center;padding-top:9px;padding-bottom:9px;line-height:1.15}

  .ut-carousel{border-bottom:1px solid var(--line-strong)}
  .ut-slide .ut-cap{background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.18) 70%,rgba(0,0,0,0));padding-top:42px;padding-bottom:18px}
  .ut-slide .ut-cap .eyebrow{font-size:10px;letter-spacing:.13em}
  .ut-dots{bottom:7px;gap:6px}
  .ut-dots button{width:7px;height:7px}

  .home-layout{margin-top:0}
  .lead{padding:22px 0 20px;gap:15px}
  .lead .media,.lead .ph{border-radius:10px;box-shadow:0 8px 22px rgba(27,26,24,.08)}
  .lead h2{margin:9px 0 10px;letter-spacing:-.02em}
  .lead .byline{margin:5px 0 8px}

  .section-head{margin:26px 0 2px;gap:10px}
  .section-head h3{font-size:12px;letter-spacing:.15em}
  .grid{padding-top:10px}
  .card{padding:18px 0}
  .card .media,.card .ph{border-radius:9px;margin-bottom:12px;box-shadow:0 5px 16px rgba(27,26,24,.06)}
  .card h4{font-size:22px;line-height:1.12;letter-spacing:-.015em;margin:7px 0 6px}
  .card p{font-size:15px;line-height:1.42}
  .meta{font-size:11px;line-height:1.35}

  .tools{margin-top:22px;padding:22px 18px;border-radius:10px;gap:16px}
  .tools h3{font-size:23px;line-height:1.12;margin:8px 0}
  .tools .cta{width:100%;text-align:center;padding:12px 14px;white-space:normal}

  .home-aside{margin-top:26px;padding-top:22px}
  .ut-widget-title{font-size:12px;letter-spacing:.14em;margin-bottom:10px}
  .ut-widget-list li{padding:10px 0}
  .ut-widget-list a{font-size:17px;line-height:1.25}
  .home-aside .search-form{gap:6px}
  .home-aside .search-form .search-field{font-size:16px;min-height:42px}
  .home-aside .search-form .search-submit{min-height:42px;padding-left:12px;padding-right:12px}

  .ut-sectioned-latest{margin-top:32px;padding-top:4px}
  .ut-sectioned-latest__head{gap:10px;margin-bottom:18px}
  .ut-sectioned-latest__head h3{font-size:12px;letter-spacing:.14em;line-height:1.25}
  .ut-sectioned-category{border-top-width:4px;padding-top:10px;margin-bottom:30px}
  .ut-sectioned-category__title{font-size:34px;line-height:.98;margin-bottom:16px;letter-spacing:-.055em}
  .ut-sectioned-category__layout{gap:18px}
  .ut-sectioned-card .media,.ut-sectioned-card .ph{border-radius:9px;box-shadow:0 5px 16px rgba(27,26,24,.06)}
  .ut-sectioned-card--featured{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
  .ut-sectioned-card--featured h4{font-size:24px;line-height:1.06}
  .ut-sectioned-card--featured p{font-size:14px;line-height:1.35}
  .ut-sectioned-card--side{padding-bottom:14px;margin-bottom:14px}
  .ut-sectioned-category__pager{padding-top:16px;gap:8px}
  .ut-sectioned-category__pager .page-numbers,.ut-sectioned-category__all{padding:9px 12px}

  .list{padding-top:14px}
  .list .row{gap:13px;padding:18px 0}
  .list .row .media,.list .row .ph{border-radius:9px;box-shadow:0 5px 16px rgba(27,26,24,.06)}
  .list .row h4{font-size:22px;line-height:1.12;margin:6px 0}
  .list .row p{font-size:15px;line-height:1.42}

  .single-article,.page-content{padding-top:26px;padding-bottom:26px}
  .single-article h1.title,.page-content h1.title{font-size:30px;line-height:1.08;letter-spacing:-.02em}
  .single-article .featured{margin-bottom:20px}
  .single-article .featured img{border-radius:10px}
  .entry-content{font-size:min(var(--content-size),18px);line-height:1.68}
  .entry-content h2{font-size:25px;line-height:1.15}
  .entry-content h3{font-size:22px;line-height:1.18}
  .entry-content blockquote{padding-left:16px;margin:1.2em 0}
  .post-nav{display:block;font-size:13px;line-height:1.35}
  .post-nav a{display:block;margin-top:10px;padding:11px 0;border-top:1px solid var(--line)}

  .page-head{padding:24px 0 10px}
  .page-head h1{font-size:30px;line-height:1.08;letter-spacing:-.02em}
  .pagination{gap:8px;padding-top:20px}
  .pagination .page-numbers{padding:9px 12px}

  .ut-youtube-band{margin-top:34px;margin-bottom:30px;padding-top:12px;border-top-width:4px}
  .ut-youtube-head{gap:10px;margin-bottom:16px}
  .ut-youtube-head h3{font-size:34px;line-height:.98;letter-spacing:-.055em}
  .ut-youtube-track{gap:14px;padding-bottom:12px}
  .ut-youtube-card{flex-basis:84%}
  .ut-youtube-thumb{border-radius:10px}
  .ut-youtube-play{width:48px;height:48px;font-size:19px}
  .ut-youtube-body h4{font-size:20px;line-height:1.08}
  .ut-youtube-all a{width:100%;text-align:center}

  .site-footer{margin-top:42px;padding-top:32px}
  .site-footer__grid{gap:24px}
  .site-footer__col h2{margin-bottom:10px}
  .site-footer__identity h2{font-size:24px}
  .site-footer__col li{margin-bottom:11px}
  .site-footer a{line-height:1.35}
  .site-footer__bottom{padding-left:16px;padding-right:16px;margin-top:24px}
}

@media (max-width: 620px){
  .wrap{padding-left:14px;padding-right:14px}
  .masthead{padding-top:16px}
  .masthead .wordmark{font-size:clamp(40px,16vw,56px)}
  .masthead .custom-logo{max-height:66px}
  .masthead .tagline{font-size:13.5px}

  .ut-slide .ut-cap h3{font-size:19px;line-height:1.16;text-shadow:0 1px 7px rgba(0,0,0,.35)}
  .lead h2{font-size:23px;line-height:1.12}

  .grid{display:block}
  .card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 12px;align-items:start;min-height:112px}
  .card .media,.card .ph{grid-column:1;grid-row:1 / span 5;width:104px;aspect-ratio:1 / 1;margin:0;border-radius:8px}
  .card .eyebrow,.card .meta,.card h4,.card p{grid-column:2;min-width:0}
  .card .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 3px}
  .card .meta{font-size:10px;margin:0 0 4px}
  .card h4{font-size:19px;line-height:1.08;margin:0 0 5px}
  .card p{display:none}

  .ut-sectioned-category__title,.ut-youtube-head h3{font-size:31px}
  .ut-sectioned-card{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:12px 0}
  .ut-sectioned-card .media,.ut-sectioned-card .ph{aspect-ratio:1 / 1}
  .ut-sectioned-card h4{font-size:18px;line-height:1.08;letter-spacing:-.035em}
  .ut-sectioned-card--featured{display:block}
  .ut-sectioned-card--featured .media,.ut-sectioned-card--featured .ph{aspect-ratio:16 / 9;margin-bottom:9px}
  .ut-sectioned-card--featured h4{font-size:22px}
  .ut-sectioned-card--featured p{display:block;font-size:13.5px}

  .list .row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start}
  .list .row .media,.list .row .ph{grid-column:1;grid-row:1 / span 4;width:104px;aspect-ratio:1 / 1;margin:0;border-radius:8px}
  .list .row .eyebrow,.list .row .meta,.list .row h4,.list .row p{grid-column:2;min-width:0}
  .list .row h4{font-size:19px;line-height:1.08;margin:2px 0 4px}
  .list .row p{display:none}

  .entry-content{font-size:17px;line-height:1.66}
}

@media (max-width: 420px){
  .wrap{padding-left:12px;padding-right:12px}
  .utility{font-size:10.5px}
  .masthead .kicker{letter-spacing:.16em}
  .site-nav__toggle{min-height:46px}
  .ut-toolsbar a{font-size:11px;padding-left:10px;padding-right:10px}
  .ut-slide .ut-cap .inner{padding-left:14px;padding-right:14px}
  .ut-slide .ut-cap h3{font-size:18px}
  .lead h2{font-size:22px}
  .card{grid-template-columns:92px minmax(0,1fr);gap:0 10px;min-height:100px}
  .card .media,.card .ph{width:92px}
  .card h4{font-size:18px}
  .ut-sectioned-card{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .ut-sectioned-card h4{font-size:17px}
  .list .row{grid-template-columns:92px minmax(0,1fr);gap:10px}
  .list .row .media,.list .row .ph{width:92px}
  .list .row h4{font-size:18px}
  .ut-youtube-card{flex-basis:88%}
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – mobile header + toolsbar completa
 * Rifinitura finale: mostra tutta l'intestazione/logo sui telefoni e rende
 * tutti i link del menu rosso visibili senza scorrimento orizzontale.
 * ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .masthead{overflow:visible}
  .masthead .custom-logo-link{display:block;max-width:100%}
  .masthead .custom-logo{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
    margin:0 auto;
  }

  .ut-toolsbar .wrap{
    overflow:visible;
    padding-left:0;
    padding-right:0;
  }
  .ut-toolsbar ul{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:0;
  }
  .ut-toolsbar li{
    flex:1 1 50%;
    min-width:0;
    border-top:1px solid rgba(255,255,255,.14);
  }
  .ut-toolsbar li:nth-child(odd){
    border-right:1px solid rgba(255,255,255,.14);
  }
  .ut-toolsbar a{
    min-height:48px;
    justify-content:center;
    text-align:center;
    white-space:normal;
    word-break:break-word;
    padding:10px 12px;
    font-size:11px;
    line-height:1.2;
    border-left:none;
  }
}

@media (max-width: 420px){
  .ut-toolsbar li{flex-basis:100%}
  .ut-toolsbar li:nth-child(odd){border-right:none}
  .ut-toolsbar a{font-size:10.5px;padding:9px 12px}
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – toolsbar a scomparsa + logo mobile intero
 * ------------------------------------------------------------------------- */
.ut-toolsbar__toggle{display:none;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;padding:13px 14px;background:none;border:none;cursor:pointer;font-family:var(--menu-tools-font);font-size:var(--menu-main-mobile-size);font-weight:700;letter-spacing:var(--menu-main-spacing);text-transform:uppercase;color:#fff}
.ut-toolsbar__bars{position:relative;display:block;width:24px;height:2px;background:#fff}
.ut-toolsbar__bars::before,.ut-toolsbar__bars::after{content:"";position:absolute;left:0;width:24px;height:2px;background:#fff;transition:transform .2s ease}
.ut-toolsbar__bars::before{top:-7px}
.ut-toolsbar__bars::after{top:7px}
.ut-toolsbar--open .ut-toolsbar__bars{background:transparent}
.ut-toolsbar--open .ut-toolsbar__bars::before{transform:translateY(7px) rotate(45deg)}
.ut-toolsbar--open .ut-toolsbar__bars::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width: 760px){
  .masthead{overflow:visible;padding-left:10px;padding-right:10px}
  .masthead .custom-logo-link{display:block;max-width:100%;text-align:center}
  .masthead .custom-logo{
    display:block;
    width:auto !important;
    max-width:95% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 auto;
    object-fit:contain;
  }

  .ut-toolsbar .wrap{display:block;overflow-x:visible;padding-left:0;padding-right:0}
  .ut-toolsbar__toggle{display:flex;min-height:46px;padding:13px 16px;background:rgba(0,0,0,.08);border-bottom:1px solid rgba(255,255,255,.18)}
  .ut-toolsbar ul{display:none;flex-direction:column;width:100%;gap:0;background:var(--red)}
  .ut-toolsbar--open ul{display:flex}
  .ut-toolsbar li{width:100%;flex:none;border-top:none;border-right:none}
  .ut-toolsbar a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    word-break:break-word;
    padding:11px 14px;
    font-size:11px;
    line-height:1.2;
    border-left:none;
    border-top:1px solid rgba(255,255,255,.14);
  }
}

@media (max-width: 420px){
  .masthead .custom-logo{max-width:92% !important}
  .ut-toolsbar a{font-size:10.5px;padding:10px 12px}
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – immagine intestazione intera + icone social nella data bar
 * ------------------------------------------------------------------------- */
.utility__date{min-width:0}
.utility__social{gap:8px}
.utility__social-link{width:25px;height:25px;border:1px solid var(--line-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:12px;font-weight:800;line-height:1;color:var(--graphite);background:rgba(255,255,255,.42);text-decoration:none}
.utility__social-link:hover{background:var(--red);border-color:var(--red);color:#fff}

@media (max-width: 760px){
  .utility .wrap{justify-content:space-between;text-align:left;gap:6px;padding-left:12px;padding-right:12px}
  .utility .right{display:flex}
  .utility__date{font-size:12px;line-height:1.2;white-space:normal;flex:1 1 auto}
  .utility__social{flex:0 0 auto}
  .utility__social-link{width:24px;height:24px;font-size:11px}

  .masthead{padding-left:0;padding-right:0;overflow:visible}
  .masthead .custom-logo-link{display:block;width:100%;max-width:100%;overflow:visible;text-align:center}
  .masthead .custom-logo{
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto;
  }
}

@media (max-width: 420px){
  .utility .wrap{padding-left:10px;padding-right:10px}
  .utility__date{font-size:11px}
  .utility__social-link{width:22px;height:22px;font-size:10px}
  .masthead .custom-logo{width:100% !important;max-width:100% !important}
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – solo visualizzazione completa immagine intestazione mobile
 * ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .masthead{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .masthead .custom-logo-link{
    display:block;
    width:100%;
    max-width:100%;
    line-height:0;
    text-align:center;
    overflow:visible;
  }
  .masthead .custom-logo{
    display:block;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 auto !important;
  }
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – carosello intestazione mobile come desktop
 * Solo il carosello: rimuove il taglio mobile 4:3 / 3:2 e usa la stessa
 * proporzione impostata per il browser PC.
 * ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .ut-carousel .ut-viewport{
    aspect-ratio:var(--carousel-ratio) !important;
    min-height:0 !important;
  }
}



/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – SOLO intestazione mobile: immagine intera, non tagliata
 * Questa regola annulla i precedenti tagli/rapporti fissi solo per il logo
 * dell'intestazione su cellulare.
 * ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .masthead{
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
  }
  .masthead .custom-logo-link{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    line-height:0 !important;
    text-align:center !important;
    background:transparent !important;
  }
  .masthead .custom-logo,
  .masthead .ut-header-logo-full,
  .masthead .custom-logo-link > img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
  }
}


/* ---------------------------------------------------------------------------
 * FIX 05/07/2026 – SOLO intestazione mobile + social desktop
 * 1) Su desktop nasconde le icone social aggiunte nella barra data, così non si
 *    sovrappongono alla barra social già presente.
 * 2) Su mobile forza il carosello/sfondo della testata a contenere l'immagine
 *    intera, senza taglio laterale.
 * ------------------------------------------------------------------------- */
@media (min-width: 761px){
  .utility .right.utility__social{
    display:none !important;
  }
}

@media (max-width: 760px){
  .utility .right.utility__social{
    display:flex !important;
  }

  header.masthead,
  .masthead{
    padding-top:0 !important;
    padding-bottom:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:5.15 / 1 !important;
    overflow:visible !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  header.masthead::before,
  header.masthead::after,
  .masthead::before,
  .masthead::after,
  header.masthead [class*="carousel"],
  header.masthead [class*="slide"],
  header.masthead [class*="header"],
  header.masthead [class*="hero"],
  header.masthead [class*="banner"],
  .masthead [class*="carousel"],
  .masthead [class*="slide"],
  .masthead [class*="header"],
  .masthead [class*="hero"],
  .masthead [class*="banner"]{
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  header.masthead img,
  .masthead img,
  header.masthead [class*="carousel"] img,
  header.masthead [class*="slide"] img,
  header.masthead [class*="header"] img,
  header.masthead [class*="hero"] img,
  header.masthead [class*="banner"] img,
  .masthead [class*="carousel"] img,
  .masthead [class*="slide"] img,
  .masthead [class*="header"] img,
  .masthead [class*="hero"] img,
  .masthead [class*="banner"] img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}