/* =========================================================
   LEGIS – Notification bar
   Tema: TT5 (Twenty Twenty-Five child)
   ========================================================= */

/* Wrapper Group del Template Part (full width reale) */
.wp-block-group.legis-notif{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sicurezza extra se il blocco è alignfull */
.wp-block-group.legis-notif.alignfull{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Barra vera e propria (output shortcode) */
.legis-notifybar{
  width: 100%;

  /* Spaziatura e altezza controllata */
  padding-block: 4px;
  min-height: 32px;

  /* Allineamento verticale stabile */
  display: flex;
  align-items: center;

  /* Separazione elegante */
  border-bottom: 1px solid rgba(255,255,255,.18);
}

/* Contenitore interno centrato */
.legis-notifybar__inner{
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-inline: auto;

  padding-inline: var(--wp--style--root--padding-left, 16px);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* Messaggio */
.legis-notifybar__message {
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.3;
  text-align: center;
  margin: 0;
}

/* CTA – base (struttura) */
.legis-notifybar__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 10px;           /* CTA più bassa */
  border-radius: 4px;          /* radius ridotto */

  font-size: var(--wp--preset--font-size--sm);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;

  text-decoration: none;

  border: 1px solid transparent;
  height: auto;
}

/* Hover sobrio */
.legis-notifybar__cta:hover{
  filter: brightness(.97);
}

/* ---------------------------------------------------------
   VARIANTI CTA (scelte ACF)
   class: .legis-notifybar__cta--{variant}
   --------------------------------------------------------- */
/* Yellow (brand) */
.legis-notifybar__cta--yellow{
  background: var(--wp--preset--color--yellow-accent);
  color: var(--wp--preset--color--blue-primary);
  border-color: rgba(0,0,0,.15);
}
.legis-notifybar__cta--yellow:hover{
  color: #000;
  }
/* Blue (brand) */
.legis-notifybar__cta--blue{
  background: var(--wp--preset--color--blue-primary);
  color: #fff;
  border-color: rgba(255,255,255,.25);
}
.legis-notifybar__cta--blue:hover{
  color: var(--wp--preset--color--yellow-accent);
  }
/* Green (brand) */
.legis-notifybar__cta--green{
  background: var(--wp--preset--color--green-success);
  color: #fff;
  border-color: rgba(0, 0, 0, .12);
}
.legis-notifybar__cta--green:hover{
  color: var(--wp--preset--color--yellow-accent);
  }
/* Outline (usa currentColor per ereditare dal testo barra) */
.legis-notifybar__cta--outline{
  background: transparent;
  color: currentColor;
  border-color: currentColor;
}
/* Black */
.legis-notifybar__cta--black{
  background: #111;
  color: #fff;
  border-color: rgba(255,255,255,.25);
}
.legis-notifybar__cta--black:hover{
  color: var(--wp--preset--color--yellow-accent);
  }
/* White */
.legis-notifybar__cta--white{
  background: #fff;
  color: var(--wp--preset--color--blue-primary);
  border-color: rgba(0,0,0,.12);
}
.legis-notifybar__cta--white:hover{
  color: #000;
  }
/* ---------------------------------------------------------
   AUTO (default): senza JS, regola pragmatica
   - se bg sembra nero => CTA yellow
   - se bg sembra bianco => CTA blue
   - altrimenti => CTA yellow (fallback)
   Nota: funziona perché il bg arriva inline in style=""
   --------------------------------------------------------- */

/* Fallback: auto = yellow */
.legis-notifybar__cta--auto{
  background: var(--wp--preset--color--yellow-accent);
  color: var(--wp--preset--color--blue-primary);
  border-color: rgba(0,0,0,.15);
}

/* Se la notifybar ha inline style con bg nero */
.legis-notifybar[style*="background-color:#000"] .legis-notifybar__cta--auto,
.legis-notifybar[style*="background-color:#000000"] .legis-notifybar__cta--auto{
  background: var(--wp--preset--color--yellow-accent);
  color: var(--wp--preset--color--blue-primary);
  border-color: rgba(0,0,0,.15);
}

/* Se la notifybar ha inline style con bg bianco */
.legis-notifybar[style*="background-color:#fff"] .legis-notifybar__cta--auto,
.legis-notifybar[style*="background-color:#ffffff"] .legis-notifybar__cta--auto{
  background: var(--wp--preset--color--blue-primary);
  color: #fff;
  border-color: rgba(255,255,255,.25);
}

/* ---------------------------------------------------------
   FIX: wpautop / wrapper <p> (allineamento)
   --------------------------------------------------------- */
/* Il <p> wrapper (wpautop / blocchi) sballa l’allineamento */
.legis-notifybar__inner > p{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0; /* elimina extra baseline del p */
}
/* Ripristina line-height sul link */
.legis-notifybar__inner > p > .legis-notifybar__cta{
  line-height: 1;
}
/* Mobile: via la scritta resta solo la CTA */
@media (max-width: 781px){
.legis-notifybar__message {
  display: none;
  }
}

/* ==========================================================
   TOPBAR (utility) — styles
   ========================================================== */
.legis-topbar{
  background: var(--wp--preset--color--gray-bg);
  color: var(--wp--preset--color--gray-text);
  font-size: var(--wp--preset--font-size--sm);
  padding-top: 6px;
  padding-bottom: 6px;
}
.legis-topbar a{
  color: var(--wp--preset--color--gray-text);
  font-weight: 500;
  text-decoration: none;
}
.legis-topbar a:hover{
  color: var(--wp--preset--color--blue-primary);
  text-decoration: none;
}
.legis-topbar__inner .wp-block-columns{
  align-items: center !important;
  justify-content: space-between;
  width: 100%;
  flex: 1 1 0;
}
/* La colonna sx non deve mai centrare testo */
.legis-topbar__left{
  text-align: left;
}
/* SX: centratura verticale reale dentro la colonna */
.legis-topbar__left{
  display: flex;
  align-items: center !important;
  justify-content: flex-start;
}
/* Buttons: una riga e centrati */
.legis-topbar__left .wp-block-buttons{
  display: flex;
  align-items: center !important;
  gap: 12px;
  flex-wrap: nowrap;
  white-space: nowrap;

}
.legis-topbar__left .wp-block-button__link{
  display: inline-flex;
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: var(--wp--preset--font-size--sm) !important;
  line-height: 1;
}
/* Hover blue-primary per pulsanti topbar SX */
.legis-topbar__left .wp-block-button__link:hover{
  color: var(--wp--preset--color--blue-primary);
}
/* Link prioritario CENTRO ASSISTENZA nella topbar */
.legis-topbar-help .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: .38em;
  font-weight: 600;
  color: var(--wp--preset--color--blue-primary);
  text-decoration: none;
  white-space: nowrap;
  margin-top: 0px !important;
  height: 32px;
}
/* Icona sobria inline */
.legis-topbar-help .wp-block-button__link::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background-color: currentColor;
  /* icona help-circle / assistenza */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 1 1 5.82 1c0 2-3 2-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 1 1 5.82 1c0 2-3 2-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Hover coerente e non invasivo */
.legis-topbar-help .wp-block-button__link:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.legis-topbar-help .wp-block-button__link {
  margin-right: 0.25rem;
}
/*separatore leggero */
.legis-topbar-help .wp-block-button__link::after {
  content: "";
  width: 1px;
  height: 1.1em;
  margin-left: 0.65rem;
  background: rgba(0, 0, 0, 0.18);
}

/* DX: azioni a destra, una riga */
.legis-topbar__right{
  display: flex;
  justify-content: flex-end;
}

.legis-topbar__actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* Newsletter (paragrafo): NON deve spezzarsi in verticale */
.legis-topbar__actions p{
  margin: 0;
  color: var(--wp--preset--color--gray-text);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500 !important;

  /* fix anti “N\ne\w…” */
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;

  /* evita che flex lo schiacci a larghezze ridicole */
  flex: 0 0 auto;
}

/* Icona SOLO per Newsletter */
.legis-topbar__actions a[href*="newsletter"]{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.legis-topbar__actions a[href*="newsletter"]::before{
  content: "";
  width: 14px;
  height: 14px;
  opacity: .75;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 8l-8 5-8-5V6l8 5 8-5v2Zm0-4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 8l-8 5-8-5V6l8 5 8-5v2Zm0-4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* TEMP: nasconde il link Newsletter fino ad attivazione landing/form */
.legis-topbar__actions a[href*="newsletter"] {
  display: none !important;
}
.legis-topbar__actions > p:has(a[href*="newsletter"]){
  display: none !important;
}

/* link account */
.legis-account-link{
  color: var(--wp--preset--color--gray-text);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500 !important;
  white-space: nowrap;
  margin-top: 3px;
}
.legis-account-link:hover{
  color: var(--wp--preset--color--blue-primary);
  text-decoration: underline;
}

/* Icona sobria per "Il mio account" */
.legis-topbar__actions .legis-account-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.legis-topbar__actions .legis-account-link::before{
  content: "";
  width: 14px;
  height: 14px;
  opacity: .75;
  background: currentColor;
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* MENU ACCOUNT DROPDOWN */
.legis-account-menu{
	position: relative;
	display: inline-flex;
	align-items: center;
}
.legis-account-menu > .legis-account-link{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.legis-account-menu > .legis-account-link::after{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
	transition: transform .18s ease;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M1.50002 4L6.00002 8L10.5 4' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.legis-account-menu.is-open > .legis-account-link::after{
	transform: rotate(180deg);
}
.legis-account-dropdown{
	display: none;
}

/* Dropdown solo su device con vero hover */
@media (hover: hover) and (pointer: fine) {
	.legis-account-menu:hover .legis-account-dropdown,
	.legis-account-menu:focus-within .legis-account-dropdown,
	.legis-account-menu.is-open .legis-account-dropdown{
		display: block;
	}
	.legis-account-dropdown{
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 1000;
		min-width: 210px;
		padding-top: 8px;
		padding-bottom: 8px;
		background: #fff;
		border: 1px solid rgba(0,0,0,.12);
		border-radius: 4px;
		box-shadow: 0 12px 28px rgba(0,0,0,.12);
	}
	.legis-account-dropdown__link{
		display: block;
		padding: 5px 7px;
		white-space: nowrap;
		text-decoration: none;
		color: inherit;
	}
	.legis-account-dropdown__link:hover,
	.legis-account-dropdown__link:focus{
		background: var(--wp--preset--color--yellow-soft);
		outline: 0;
	}
}
.legis-account-dropdown__link:last-child{
	padding-bottom: 4px !important;
}
.legis-account-dropdown br{
	display: none;
}

@media (hover: none), (pointer: coarse) {
	.legis-account-menu > .legis-account-link::after{
		display: none;
	}
}

/* =========================
   Search block (core)
   ========================= */
.legis-topbar__actions .wp-block-search{
  margin: 0;
  flex: 0 0 auto;
}
.legis-topbar__actions .wp-block-search__inside-wrapper{
  position: relative;
  border: 1px solid var(--wp--preset--color--blue-light);
  border-radius: 4px;
  background: #fff;
  padding-left: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  color: var(--wp--preset--color--gray-text);
}
.legis-topbar__actions .wp-block-search__inside-wrapper::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  opacity: .65;
  pointer-events: none;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 18a8 8 0 1 1 5.293-14.293A8 8 0 0 1 10 18m0-2a6 6 0 1 0-4.243-10.243A6 6 0 0 0 10 16m9.707 5.293-5.387-5.387 1.414-1.414 5.387 5.387z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 18a8 8 0 1 1 5.293-14.293A8 8 0 0 1 10 18m0-2a6 6 0 1 0-4.243-10.243A6 6 0 0 0 10 16m9.707 5.293-5.387-5.387 1.414-1.414 5.387 5.387z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.legis-topbar__actions .wp-block-search__input{
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 10px 0 0 !important;
  height: 32px;
  min-width: 200px;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--gray-text);
}
.legis-topbar__actions .wp-block-search__input::placeholder{
  color: var(--wp--preset--color--gray-text);
  opacity: .75;
}
.legis-topbar__actions .wp-block-search__inside-wrapper:focus-within{
  border-color: var(--wp--preset--color--blue-primary);
}
.legis-topbar__actions .wp-block-search__button{
  display: none;
}
/* Rimuove il colore di sfondo celeste dell'autofill */
.legis-topbar__actions .wp-block-search__input:-webkit-autofill,
.legis-topbar__actions .wp-block-search__input:-webkit-autofill:hover, 
.legis-topbar__actions .wp-block-search__input:-webkit-autofill:focus, 
.legis-topbar__actions .wp-block-search__input:-webkit-autofill:active {
    /* Il trucco della box-shadow serve perché il browser spesso ignora background-color su autofill */
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Cambia 'white' con il colore del tuo sfondo */
    -webkit-text-fill-color: var(--wp--preset--color--gray-text) !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* =========================
   TOPBAR RESPONSIVE
   Strategia:
   - <= 920px: accorcia label e account icon-only
   - <= 781px: help/riscatta icon-only, articoli resta come "News",
     search collassata a icona ed espandibile al focus
========================= */
@media (max-width: 920px){
  /* Account icon-only */
  .legis-account-link{
    font-size: 0 !important;
    gap: 0 !important;
    margin-right: 0 !important;
    margin-top: 6px !important;
	}
  .legis-account-link::before{
    width: 24px !important;
    height: 24px !important;
    opacity: .75;
    margin-top: -2px;
    margin-left: 6px;
  }
  .legis-account-menu > .legis-account-link::after{
    display: none !important;
  }

  /* Green dot login */
  body.logged-in .legis-account-menu{
    position: relative;
  }
  body.logged-in .legis-account-menu::after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--wp--preset--color--green-success);
    border: 1.5px solid #fff;
    border-radius: 50%;
    top: -2px;
    right: -2px;
    z-index: 10;
    display: block !important;
  }
}

@media (max-width: 781px){
  /* Layout topbar sempre su una riga */
  .legis-topbar .wp-block-columns{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
  }
  .legis-topbar .wp-block-columns > .wp-block-column{
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .legis-topbar__left,
  .legis-topbar__right{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }
  .legis-topbar__left .wp-block-buttons{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap;
  }
  .legis-topbar__actions{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  /* Centro assistenza solo icona */
  .legis-topbar-help .wp-block-button__link {
        font-size: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        justify-content: center;
    }
  .legis-topbar-help .wp-block-button__link::before {
        width: 20px !important;
        height: 20px !important;
        margin: 0;
	}
  .legis-topbar-help .wp-block-button__link::after{
    display: none !important;
  }

/* Riscatta solo icona */
  .legis-topbar__left-riscatta .wp-block-button__link{
    height: 32px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
	}
  .legis-topbar__left-riscatta .wp-block-button__link::after{
    display: none !important;
  }
  .legis-topbar__left-riscatta .wp-block-button__link::before{
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--wp--preset--color--gray-text);
    opacity: .85;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z' /%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z' /%3E%3C/svg%3E") no-repeat center / contain;
	}

  /* Articoli solo icona */
  .legis-topbar__left-articoli .wp-block-button__link{
    height: 32px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
  }
  .legis-topbar__left-articoli .wp-block-button__link::after{
    display: none !important;
  }
  .legis-topbar__left-articoli .wp-block-button__link::before{
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--wp--preset--color--gray-text);
    opacity: .85;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z' /%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z' /%3E%3C/svg%3E") no-repeat center / contain;
	}

/* SEARCH PIU PICCOLA */	
/* 1. Reset delle larghezze sul campo di testo */
    .legis-topbar__actions .wp-block-search__input {
        min-width: 0 !important;      /* Rimuove il blocco dei 200px */
        width: 140px !important;      /* Imposta la misura fissa che desideri */
        max-width: 140px !important;  /* Impedisce ogni espansione */
    }
/* 2. Evita che il contenitore intero collassi o si allarghi */
    .legis-topbar__actions .wp-block-search__inside-wrapper {
        width: 170px !important;      /* Misura totale: input (130) + lente (40) */
        flex: 0 0 170px !important;   /* Impedisce a Flexbox di ridimensionarlo */
    }
/* 3. Mette puntini di sospensione al testo placeholder */
	.legis-topbar__actions .wp-block-search__input {
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      overflow: hidden !important;
  }
}

@media (max-width: 480px){

  .legis-topbar .wp-block-columns{
    gap: 10px !important;
  }

  .legis-topbar__left .wp-block-buttons{
    gap: 10px !important;
  }

  .legis-topbar__actions{
    gap: 8px !important;
  }

  .legis-topbar .wp-block-search:focus-within .wp-block-search__inside-wrapper{
    width: min(190px, calc(100vw - 175px)) !important;
    max-width: min(190px, calc(100vw - 175px)) !important;
  }
}

/* =========================
   MAIN HEADER (logo + payoff)
   ========================= */
.legis-mainheader{
  background:#fff;
}
/* più aria sopra/sotto (usa preset spacing) */
.legis-mainheader__inner{
  padding-top: var(--wp--preset--spacing--md);
  padding-bottom: var(--wp--preset--spacing--md);
}
/* Colonna payoff: allineata in basso col logo e più vicina al logo */
.legis-header__payoff{
  display:flex;
  align-items:center;      /* bottom align */
  justify-content:flex-end;/* più vicino al logo */
}
.legis-header__payoff p{
  margin:0;
  font-size: var(--wp--preset--font-size--md);
  font-weight: 500;          /* “un poco più pesante” */
  opacity: .9;
  white-space: nowrap;
  line-height: 1.2;
}
/* Logo: dimensione stabile via CSS, ignora slider Gutenberg */
.legis-header__logo .wp-block-site-logo a,
.legis-header__logo .wp-block-site-logo img{
  width:auto !important;
  max-width: 260px;
  height:auto !important;
  max-height: 64px;
  display:block;
}

/* =========================
   MAIN HEADER RESPONSIVE
   <= 781px: cancella payoff e centra tutto
========================= */
@media (max-width: 781px) {
  /* 1. Nascondiamo il payoff */
  .legis-mainheader .legis-header__payoff {
    display: none !important;
  }
  /* 2. Rendiamo la colonna del logo a tutta larghezza */
  .legis-mainheader .legis-header__logo {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important; /* Rimuove eventuali margini di Gutenberg */
  }
  /* 3. Centriamo il logo e diamogli una dimensione minima per non farlo sparire */
  .legis-mainheader .wp-block-site-logo {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
  }
  /* Forza l'SVG a essere visibile */
  .legis-mainheader .wp-block-site-logo a,
  .legis-mainheader .wp-block-site-logo img {
    display: block;
    width: 200px !important; /* Imposta la larghezza desiderata per il mobile */
    height: auto;
  }
}

/* =========================
   MENU BAR (blu) + CTA
   ========================= */
.legis-mainheader__menu{
  background: var(--wp--preset--color--blue-primary);
}
/* barra blu un po’ più bassa */
.legis-mainheadermenu__inner{
  padding-top: 1px;
  padding-bottom: 1px;
}
/* allinea menu + CTA a destra e compattiamo gap per fare spazio carrello */
.legis-mainheadermenu__menu{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 4px;
}
/* --- Link top level --- */
/* NB: selettore scoped al menu per non “sporcare” altri link del sito */
.legis-mainheader__menu .wp-block-navigation a{
  color: var(--wp--preset--color--gray-bg) !important; /* testo chiaro */
  font-size: var(--wp--preset--font-size--md);
  font-weight: 400;
  text-decoration:none;

  /* voci più compatte */
  padding: 4px 4px;
  border-radius: 4px;
  transition: background-color .15s ease, color .15s ease;
}
/* hover top-level: fondino blue-light, testo blu (molto leggibile) */
.legis-mainheader__menu .wp-block-navigation a:hover,
.legis-mainheader__menu .wp-block-navigation a:focus-visible{
  background: var(--wp--preset--color--blue-light);
  color: var(--wp--preset--color--blue-primary) !important;
  outline:none;
}
/* Compattiamo la distanza tra testo e freccina */
.legis-mainheader__menu .wp-block-navigation-item__content{
  gap: 1px; /* avvicina testo + iconcina */
}
/* Freccina coerente e più “attaccata” */
.legis-mainheader__menu .wp-block-navigation__submenu-icon{
  color: var(--wp--preset--color--gray-bg);
  width: 12px;
  height: 12px;
  margin-left: 2px;
  opacity: .95;
}

/* =========================
   DROPDOWN (submenu)
   ========================= */
.legis-mainheader__menu .wp-block-navigation__submenu-container{
  background: var(--wp--preset--color--gray-bg);  /* fondo chiaro */
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 4px;
  padding: 4px;
  min-width: 320px !important;
  box-shadow: var(--wp--preset--shadow--card);
}
/* link nel dropdown */
.legis-mainheader__menu .wp-block-navigation__submenu-container a{
  color: var(--wp--preset--color--gray-text);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 400;
  padding: 8px 8px;
  border-radius: 4px;
  background: transparent;
}
/* hover dropdown: fondino leggero (come avevamo) + testo blue-primary */
.legis-mainheader__menu .wp-block-navigation__submenu-container a:hover,
.legis-mainheader__menu .wp-block-navigation__submenu-container a:focus-visible{
  background: rgba(0, 58, 112, 0.08);
  color: var(--wp--preset--color--blue-primary);
  outline:none;
}
/* separatori soft */
.legis-mainheader__menu .wp-block-navigation__submenu-container > li + li{
  margin-top: 4px;
}

/* =========================
   CTA (shortcode) – pill bassa, r=8
   ========================= */
/* target: prova a far stampare class="legis-header-cta" nello shortcode */
.legis-mainheader__menu .legis-header-cta,
.legis-mainheader__menu .legis-mainheader__cta,
.legis-mainheader__menu a.legis-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 28px;               /* più bassa */
  padding: 0 10px;            /* meno padding */
  border-radius: 4px;
  font-size: var(--wp--preset--font-size--md);
  font-weight: 400;
  text-decoration:none;
  white-space:nowrap;
  border: 1px solid rgba(0,0,0,0.08);
  background: var(--wp--preset--color--green-success);
  color: #fff;
}
/* hover CTA */
.legis-mainheader__menu .legis-header-cta:hover,
.legis-mainheader__menu .legis-mainheader__cta:hover,
.legis-mainheader__menu a.legis-cta:hover{
  filter: brightness(0.95);
  color: var(--wp--preset--color--blue-primary);
}
/* FIX: assicura colore submenu (override finale, solo dropdown) */
.legis-mainheader__menu 
.wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.legis-mainheader__menu 
.wp-block-navigation__submenu-container a{
  color: var(--wp--preset--color--gray-text) !important;
}

/* =========================================
   MENU BAR — Action cluster (Catalogo + CTA + Carrello)
   ========================================= */
/* Cluster azioni */
.legis-mainheadermenu__actions{
  display: inline-flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}
/* separatore sobrio (non aumenta altezza) */
.legis-actioncluster{
  padding-left: 10px;
  margin-left: 10px;
  border-left: 2px solid rgba(255,255,255,.22);
}

/* =========================================
   CATALOGO come “action” separata (stile link + icona)
   ========================================= */
/* Se Catalogo è un Pulsante (wp-block-button): lo rendiamo link-like */
.legis-mainheader__menu .legis-actioncluster__catalogo .wp-element-button{
  background: transparent !important;
  border: 0 !important;
  padding: 4px 6px !important;
  height: 28px;             /* non aumenta la barra */
  color: var(--wp--preset--color--gray-bg) !important;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--md);
  border-radius: 4px;
}
/* Hover coerente col menu */
.legis-mainheader__menu .legis-actioncluster__catalogo .wp-element-button:hover,
.legis-mainheader__menu .legis-actioncluster__catalogo .wp-element-button:focus-visible{
  background: var(--wp--preset--color--blue-light) !important;
  color: var(--wp--preset--color--blue-primary) !important;
}
/* Icona “catalogo” sobria (mask, come già fai in topbar) */
.legis-mainheader__menu .legis-actioncluster__catalogo .wp-element-button{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.legis-mainheader__menu .legis-actioncluster__catalogo .wp-element-button::before{
  content: "";
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask: url("/wp-content/themes/twentytwentyfive-child/assets/icons/catalog.svg") no-repeat center;
  mask: url("/wp-content/themes/twentytwentyfive-child/assets/icons/catalog.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 0.9;
}

/* =========================================
   CART action (bag icon + badge)
   ========================================= */
.legis-mainheader__menu .legis-cart-action{
  display: inline-flex;
  align-items: center;
  gap: 2px;                 /* spazio tra icona e badge */
  height: 28px;             /* non aumenta la barra */
  padding: 4px 6px;
  border-radius: 4px;
  background: transparent;
  color: var(--wp--preset--color--gray-bg);
  text-decoration: none;
  line-height: 1;
}
.legis-mainheader__menu .legis-cart-action:hover,
.legis-mainheader__menu .legis-cart-action:focus-visible{
  background: var(--wp--preset--color--blue-light);
  color: var(--wp--preset--color--blue-primary);
  outline: none;
}
/* icona bag (mask da file) */
.legis-mainheader__menu .legis-cart-action::before{
  content:"";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("/wp-content/themes/twentytwentyfive-child/assets/icons/cart-standard.svg") no-repeat center;
  mask: url("/wp-content/themes/twentytwentyfive-child/assets/icons/cart-standard.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: .95;
}
/* badge (pallino) */
.legis-mainheader__menu .legis-cart-action__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--wp--preset--color--yellow-accent);
  color: var(--wp--preset--color--blue-primary);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
/* se count = 0 nascondi badge */
.legis-mainheader__menu .legis-cart-action[data-count="0"] .legis-cart-action__badge{
  display: none;
}

/* =========================================
   HAMBURGER COLOR FIX
   ========================================= */
/* Colore hamburger nella barra blu */
.legis-mainheader__menu .wp-block-navigation__responsive-container-open svg,
.legis-mainheader__menu .wp-block-navigation__responsive-container-close svg{
  fill: var(--wp--preset--color--gray-bg);
}

/* =========================
   MAIN MENU RESPONSIVE
   <= 1024px: compare l'Hamburger
   <= 390px: riduce il testo della CTA
========================= */
@media (max-width: 1024px){
  /* mostra hamburger */
  .legis-mainheader__menu .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    height: 36px !important;         /* deve combaciare con min-height */
    width: 36px !important;
    line-height: 1 !important;
  }
  /* riga blu: allineamento verticale pulito */
  .legis-mainheader__menu .legis-mainheadermenu__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px; /* regola qui l'altezza */
  }
  /* NASCONDI IL MODAL CONTAINER (quello che gonfia la riga) */
  .legis-mainheader__menu .wp-block-navigation__responsive-container {
    display: none !important;
  }
  /* …ma quando è aperto, deve funzionare */
  .legis-mainheader__menu .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
	}
  /* nascondi la UL desktop (non l’overlay content) */
  .legis-mainheader__menu .wp-block-navigation > .wp-block-navigation__container {
    display: none !important;
  }
  /* niente padding verticali sulla riga blu */
  .legis-mainheader__menu{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .legis-mainheadermenu__inner.has-global-padding{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* via margini default dei paragrafi */
  .legis-mainheader__menu p{
    margin: 0 !important;
  }
  /* action cluster sempre centrato verticalmente */
  .legis-mainheadermenu__actions{
    align-items: center !important;
    height: 36px !important;
  }

/* ==========================================================================
   DIALOG DEL MENU RESPONSIVE
   ========================================================================== */
/* Il contenitore overlay che avvolge tutto il menu quando è attivo */
#modal-5.wp-block-navigation__responsive-container.is-menu-open {
padding-top: 12px !important;
background-color: var(--wp--preset--color--gray-bg) !important;
	}

/* La finestra di dialogo interna (il "box" effettivo del menu) */
#modal-5 .wp-block-navigation__responsive-dialog {
padding-top: 0px !important;
	}
/* Il contenitore specifico dei contenuti (ul e link) */
#modal-5-content.wp-block-navigation__responsive-container-content {
padding-top: 0px !important;
	}
/* ==========================================================================
   BOTTONE DI CHIUSURA (X)
   ========================================================================= */
/* Il bottone di chiusura della modal */
.wp-block-navigation__responsive-container-close {
    /* Forziamo un colore di sfondo solido e visibile */
    background-color: var(--wp--preset--color--blue-primary) !important; /* Questo è un blu scuro, cambialo con il tuo blu se necessario */
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
/* Dimensioni fisse e centratura perfetta */
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
/* Posizionamento assoluto per sovrapporlo a tutto */
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 1000 !important;
/* Effetti visivi */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
/* Effetto al passaggio del mouse/tocco */
.wp-block-navigation__responsive-container-close:hover {
    transform: scale(1.1) !important;
    filter: brightness(1.2) !important;
}
/* L'icona SVG all'interno del bottone di chiusura */
.wp-block-navigation__responsive-container-close svg {
    /* Riduciamo leggermente l'icona per centrarla meglio */
    width: 18px !important;
    height: 18px !important;
}
/* Il tracciato (path) dell'icona SVG di chiusura */
.wp-block-navigation__responsive-container-close svg path {
    /* Forziamo il colore del tratto (la X) a bianco */
    fill: var(--wp--preset--color--gray-bg) !important;
}
/* ==========================================================================
   VISIBILITÀ TITOLI CATEGORIE (TESTO SOPRA I BOX)
   ========================================================================== */
/* Selettore precisissimo per l'etichetta del primo livello */
.wp-block-navigation__container.is-responsive > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #003366 !important;
    font-weight: 600 !important;
	font-size: var(--wp--preset--font-size--xl) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-bottom: 0px !important; /* Spazio preciso tra titolo e box bianco */
}
/* Rimuove eventuali stili di default che forzano il bianco sui link di primo livello */
.wp-block-navigation__container.is-responsive > .wp-block-navigation-item > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--blue-primary) !important;
    text-decoration: none !important;
}

/* ==========================================================================
   COMPATTAZIONE VOCI INTERNE AI RIQUADRI (SOTTOMENU)
   ========================================================================== */
/* 1. Riduzione dello spazio globale del contenitore sottomenu (il box bianco) */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    gap: 5px !important; /* Riduce lo spazio tra i flessibili se attivi */
    padding-top: 12px !important;  /* Spazio interno sopra la prima voce */
    padding-bottom: 12px !important; /* Spazio interno sotto l'ultima voce */
}
/* 2. Azzeramento margini dei singoli elementi della lista */
.wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* 3. Riduzione del padding dei link e dell'interlinea */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding-top: 2px !important;    /* Spazio sopra il testo della singola voce */
    padding-bottom: 2px !important; /* Spazio sotto il testo della singola voce */
    line-height: 1.2 !important;    /* Avvicina le righe di testo se vanno a capo */
    min-height: auto !important;    /* Impedisce al browser di forzare altezze minime */
}
}
@media (max-width: 390px) {
  .legis-header-cta--primary {
    font-size: 0 !important; /* Nasconde il testo originale */
  }
  .legis-header-cta--primary::after {
    content: "Bollettino"; /* Inserisce il nuovo testo abbreviato */
    font-size: var(--wp--preset--font-size--md) !important; /* Regola la dimensione del font desiderata */
  }
/* fix della madonna che mi fa reggere fino a schermi da 320 */
.legis-actioncluster{
  padding-left: 0px;
  margin-left: 0px;
  border-left: 0px solid rgba(255,255,255,.22);
  }
}