/* Base del design Beezy — variabili, reset, utility.
   Lo stile dei blocchi (colori, testi, spazi, bordi, layout) NON sta qui: è nelle opzioni dei widget e nel Kit globale.
   Qui restano solo le basi comuni e poche utility `bee-…` da inserire nel campo «Classi CSS» di un widget o contenitore. */

:root{
  --bee-ink:#12110f;--bee-ink2:#1b1916;--bee-ivory:#F6F0E1;--bee-yel:#EEC041;--bee-grey:#3D3D3D;
  --bee-mute:#c4bdac;--bee-mute-l:#4a463c;--bee-err:#7a1608;--bee-white:#ffffff;
  --bee-hexp:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  --bee-ease:cubic-bezier(.2,.8,.2,1);--bee-hd:64px;
  --bee-f-d:"Bricolage Grotesque","Arial Black","Helvetica Neue",Arial,sans-serif;
  --bee-f-b:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --bee-f-m:"DM Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--bee-hd)}
body.bee{background-color:var(--bee-ink);color:var(--bee-ivory);font-family:var(--bee-f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;overflow-x:clip}
/* Testo evidenziato col mouse: colori della palette del sito (giallo con testo nero), anche sui fondi scuri */
::selection{background:var(--bee-yel);color:var(--bee-ink);text-shadow:none}
::-moz-selection{background:var(--bee-yel);color:var(--bee-ink);text-shadow:none}
img{max-width:100%;height:auto}
p{margin:0 0 1em}

/* Neutralizza i valori predefiniti di Elementor / Hello */
body.bee :where(.elementor-widget:not(:last-child)){margin-block-end:0}
body.bee .e-con{--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
body.bee .elementor-widget-container{min-width:0}
body.bee .site-main,body.bee #content,body.bee .page-content{margin:0;padding:0;max-width:none}
body.bee .page-header{display:none}
body.bee .elementor-widget-heading .elementor-heading-title{margin:0;font-optical-sizing:auto}
body.bee .elementor-widget-heading .elementor-heading-title a,body.bee .elementor-widget-text-editor a{color:inherit}
body.bee .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.bee .elementor-widget-heading p.elementor-heading-title,body.bee .elementor-widget-heading span.elementor-heading-title,body.bee .elementor-widget-heading div.elementor-heading-title{text-transform:none}
/* Loop Grid: le schede riempiono l'altezza e non sforano la colonna */
body.bee .elementor-loop-container{align-items:stretch}
body.bee .e-loop-item{height:100%;min-width:0}
body.bee .e-loop-item>.e-con{height:100%}
/* Senza immagine in evidenza Elementor mostra un segnaposto grigio */
body.bee img[src*="elementor/assets/images/placeholder"]{display:none}
:focus-visible{outline:3px solid var(--bee-yel);outline-offset:3px}

/* ---------- Utility (bee-…) ---------- */
/* Esagono: ritaglia un contenitore o un'immagine a forma di cella */
body.bee .bee-hex{clip-path:var(--bee-hexp)}
/* Etichetta di sezione con piccolo esagono davanti: classe sul widget Editor di testo */
body.bee .bee-eyebrow{display:flex;align-items:center;gap:.7em}
body.bee .bee-eyebrow::before{content:"";width:.85em;height:.95em;background:var(--bee-yel);clip-path:var(--bee-hexp);flex:none}
body.bee .bee-eyebrow p{margin:0}
body.bee .bee-on-light .bee-eyebrow::before,body.bee .bee-eyebrow.bee-on-light::before{background:var(--bee-ink)}
/* Link con sottolineatura che si disegna al passaggio del mouse: classe sul widget Pulsante */
body.bee .bee-link .elementor-button{background-image:linear-gradient(currentColor,currentColor);background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .3s ease}
body.bee .bee-link .elementor-button:hover{background-size:100% 2px}
/* Spinge un elemento in fondo a una card (colonna flex) */
body.bee .bee-push{margin-top:auto}
/* Riga cliccabile con riempimento giallo al passaggio del mouse: classe sul contenitore-riga (con link) */
body.bee .bee-row{position:relative;isolation:isolate;overflow:clip}
body.bee .bee-row::before{content:"";position:absolute;inset:0;background:var(--bee-yel);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--bee-ease);z-index:-1}
body.bee .bee-row:hover::before,body.bee .bee-row:focus-within::before{transform:scaleX(1)}
body.bee .bee-row:hover *,body.bee .bee-row:focus-within *{color:var(--bee-ink)}
/* Nasconde un blocco se il suo Loop Grid non ha elementi */
body.bee .bee-hide-empty:not(:has(.e-loop-item)){display:none}
/* Elenco con esagoni al posto dei punti: classe sul widget Editor di testo che contiene una lista */
body.bee .bee-ticks ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
body.bee .bee-ticks li{position:relative;padding-left:1.7rem}
body.bee .bee-ticks li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:13px;background:var(--bee-yel);clip-path:var(--bee-hexp)}
body.bee .bee-ticks.bee-on-light li::before{background:var(--bee-ink)}
/* Campo radio del modulo mostrato come «chip» */
body.bee .bee-chips .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:.55rem}
body.bee .bee-chips .elementor-field-option{position:relative}
body.bee .bee-chips .elementor-field-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
body.bee .bee-chips .elementor-field-option label{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:2px solid var(--bee-ink);cursor:pointer;transition:background .25s,color .25s}
body.bee .bee-chips .elementor-field-option label::before{content:"";width:9px;height:10px;background:var(--bee-ink);clip-path:var(--bee-hexp);opacity:.3}
body.bee .bee-chips .elementor-field-option input:checked + label{background:var(--bee-ink);color:var(--bee-ivory)}
body.bee .bee-chips .elementor-field-option input:checked + label::before{background:var(--bee-yel);opacity:1}
body.bee .bee-chips .elementor-field-option input:focus-visible + label{outline:3px solid var(--bee-ink);outline-offset:3px}
/* Aggiungere qui SOLO utility ripetute in più punti; i dettagli per area di pagine vanno in assets/css/u-*.css e quelli unici nel «CSS personalizzato» dell'elemento. */