/*
Theme Name: Allnet
Theme URI: https://allnet-italia.it/
Author: Francesco Bondi
Description: Allnet reclaims its minimalist roots by embracing simplicity and focusing on the purity of form and function. Its signature approach—inspired by the vibrant color palettes of Tailwind CSS—transcends conventional design standards and provides a canvas where creativity knows no bounds. Unlock the full potential of Allnet with our All-Access plan, which features an extensive library of wireframe patterns and versatile templates, streamlining the development of WordPress websites.
Requires at least: 6.6
Tested up to: 6.6.1
Requires PHP: 7.0
Version: 1.2.2
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: allnet
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, e-commerce, editor-style, full-site-editing, one-column, style-variations, translation-ready, wide-blocks
*/


/* Legacy Styles (Do not remove)
---------------------------------------- */

/* -- Spacing -- */

:root {
	--wp--preset--spacing--x-small: clamp(10px, 2vw, 20px);
	--wp--preset--spacing--small: clamp(30px, 4vw, 40px);
	--wp--preset--spacing--medium: clamp(40px, 6vw, 60px);
	--wp--preset--spacing--large: clamp(50px, 8vw, 80px);
	--wp--preset--spacing--x-large: clamp(60px, 10vw, 100px);
}

html {
    overflow-x: unset;
    overflow-y: unset
}

body {
    overflow-x: hidden
}

/* -- Font Size -- */

.has-max-36-font-size {
	font-size: clamp(24px, 3vw, 36px);
}

.has-max-48-font-size {
	font-size: clamp(30px, 4vw, 48px);
}

.has-max-60-font-size {
	font-size: clamp(36px, 5vw, 60px);
}

.has-max-72-font-size {
	font-size: clamp(48px, 6vw, 72px);
}

/* Defaults
---------------------------------------- */

a,
button,
input,
textarea,
.wp-element-button {
	  transition: color .2s ease, background-color .2s ease, opacity .2s ease, transform .2s ease;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--regular);
	padding: 5px 8px;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--medium);
	padding: 10px 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	filter: brightness(95%);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

select {
	background-image: url( "assets/icons/icon-arrow-dark.svg" );
	background-position: right 12px center;
	background-repeat: no-repeat;
	background-size: 12px;
	cursor: pointer;
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

.site-header {
	position: sticky;
  	top: 0;
  	z-index: 999999; 
  	min-height: 67px; /* valore reale del tuo header */
}

.logged-in .site-header {
	top: calc(var(--wp-admin--admin-bar--height));

}

.nav-wrapper {
	transition: all ease-in-out 0.3s;
}


.has-bg-color-rotate {
  background-color: rgba(255, 90, 90, 0.2);
  animation: bg-rotate 16s infinite 1s;
}


@keyframes bg-rotate {
  0%,100% { background-color: rgba(255, 90, 90, 0.2)}
  33%     { background-color: rgba(255, 90, 90, 0.2)  /* #FF5A5A */ }
  66%     { background-color: rgba(60, 15, 159, 0.2)  /* #3C0F9F */ }
}

.alignwide.hero-width {
    max-width: calc(var(--wp--style--global--wide-size) + (var(--wp--preset--spacing--giant) + var(--wp--preset--spacing--giant))) !important;
    padding-left: var(--wp--preset--spacing--large);
    padding-right: var(--wp--preset--spacing--large);
}

@media (max-width: 1480px) {
    html .alignwide.hero-width {
        margin-left:calc(var(--wp--preset--spacing--large) * -0.65)!important;
        margin-right: calc(var(--wp--preset--spacing--large) * -0.65)!important;
        padding-left: calc(var(--wp--preset--spacing--large) * 0.65);
        padding-right: calc(var(--wp--preset--spacing--large) * 0.65)
		
    }
}

@media (max-width: 1200px) {
    html .alignwide.hero-width {
        max-width:calc(100% + (var(--wp--preset--spacing--large) + var(--wp--preset--spacing--large)))!important;
        padding-left: var(--wp--preset--spacing--large);
        padding-right: var(--wp--preset--spacing--large);
        margin-left: calc(var(--wp--preset--spacing--large) * -1)!important;
        margin-right: calc(var(--wp--preset--spacing--large) * -1)!important;
		border-radius: 0px !important;  
    }
}



/* Blocks
---------------------------------------- */

.wp-block-button__link{
    word-break: auto-phrase;
}

.home .nk-awb-wrap {
	border-radius: 0px;
}
/* -- Cover -- */

.wp-block-cover.is-style-gradient .has-background-dim:not([class*=-background-color]) {
	background-color: transparent;
	background-image: linear-gradient(to top, rgba(10,10,10,0.8), rgba(10,10,10,1));
	opacity: 1;
}

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--preset--spacing--40);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

/* -- Navigation Submenu -- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.has-contrast-background-color .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.has-contrast-background-color .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	border-color: var(--wp--preset--color--contrast);
	min-width: 180px !important;
	padding: 10px;
}

.has-contrast-background-color .wp-block-navigation__submenu-container {
	border-color: var(--wp--preset--color--base);
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
	padding: 2px 10px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
}

/* Utility
---------------------------------------- */

/* -- Box Shadow -- */

.is-style-shadow-faint {
	box-shadow: var(--wp--preset--shadow--faint);
}

.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}


/* -- Paragraph -- */

.is-style-tag-style-corporate {
    background-color: #0063af;
    border-radius: 5px;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.is-style-tag-style-ucc {
    background-color: #53bfdd;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.is-style-tag-style-networking {
    background-color: #f28b48;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.is-style-tag-style-cyber {
    background-color: #37488d;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.is-style-tag-style-iot {
    background-color: #7a3458;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.wp-block-paragraph.is-style-tag-style-corporate {
    background-color: #0063af;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.wp-block-paragraph.is-style-tag-style-ucc {
    background-color: #53bfdd;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.wp-block-paragraph.is-style-tag-style-networking {
    background-color: #f28b48;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

.wp-block-paragraph.is-style-tag-style-cyber {
    background-color: #37488d;
    padding: .4em .6em !important;
}

.wp-block-paragraph.is-style-tag-style-iot {
    background-color: #7a3458;
    padding: .4em .6em !important;
    font-size: 14px;
    line-height: 1 !important;
}

/* -- Position -- */

.is-style-position-fixed {
	position: fixed;
}

.is-style-position-relative {
	position: relative;
}

/* -- Z-Index -- */

.is-style-negative-zindex {
	z-index: -99;
}

.is-style-positive-zindex {
	z-index: 99;
}

/* Force Equal Height Columns
--------------------------------------------- */
.is-style-equal-height > div {
	display: flex;
	align-self: stretch!important;
	align-content: stretch!important;
	width: 100%;
	flex-direction: column;
}

.is-style-equal-height > div > div {
	width: 100%;
	height: 100%;
}

/* Reverse order of columns on mobile
--------------------------------------------- */
@media only screen and (max-width: 781px) {
	.is-style-mobile-columns-reverse {flex-direction: column-reverse;}
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.wp-block-columns.is-style-column-reverse {
		flex-direction: column-reverse;
	}

}

/* Logo Header
 ----------------------------------------------*/
.wp-block-site-logo img.custom-logo {
	min-width: 90px !important;
}

.button-accedi.wp-block-navigation .wp-block-navigation-item {
	display: inline-flex !important;
}
/* Default List Styles
 --------------------------------------------- */

 .entry-content ul li,
 .entry-content ol li,
 .wp-block-post-content ul li,
 .wp-block-post-content ol li {
	margin-bottom: var(--wp--preset--spacing--30);
 }

.entry-content ul ul,
.entry-content ol ul,
.wp-block-post-content ul ul,
.wp-block-post-content ol ul {
	margin-top: var(--wp--preset--spacing--30);
}
 
/* === Stile Icon Check per liste === */
ul.is-style-icon-check {
	list-style: none; /* rimuove il bullet standard */
	padding: 0;
}

ul.is-style-icon-check li {
	position: relative;
	padding-left: 2rem; /* spazio per l'icona */
	margin-bottom: 0.5rem;
}

ul.is-style-icon-check li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 1.1rem;
	height: 1.1rem;
	display: inline-block;
	background-color: var(--wp--preset--color--contrast);

	/* maschera con icona */
	-webkit-mask: url("assets/icons/icon-circle-check-dark.svg") no-repeat center;
	-webkit-mask-size: contain;
	mask: url("assets/icons/icon-circle-check-dark.svg") no-repeat center;
	mask-size: contain;
}

.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon {
    width: .7em !important
}

     /* Effetti hover di colori sfondo e testi del mega menu */

     .wp-block-group__link:hover ~ .wp-block-outermost-icon-block svg,
     .wp-block-group__link:hover + .wp-block-group .wp-block-outermost-icon-block svg{
         transform: translateX(3px);
         transition: transform 0.3s ease-in-out;
     }
 
     .wp-block-group__link:hover + .menu-link p, .wp-block-group__link:hover + p.menu-link{
         color: var(--wp--preset--color--primary) !important;
         transition: transform 0.3s ease-in-out;
     }
 
     a.wp-block-group__link:hover ~ .wp-block-group p.has-gray-500-color {
         color: var(--wp--preset--color--gray-700) !important;
         transition: transform 0.3s ease-in-out;
     }
 
     .mega-content-def .wp-block-group.has-base-background-color:has(.wp-block-group__link:hover) {
         background-color: var(--wp--preset--color--neutral) !important;
         transition: background-color 0.3s ease-in-out;
     }
 
     .wp-block-group.has-primary-background-color:has(.wp-block-group__link:hover),
     .wp-block-group.has-ucc-background-color:has(.wp-block-group__link:hover),
     .wp-block-group.has-secure-background-color:has(.wp-block-group__link:hover),
     .wp-block-group.has-networking-background-color:has(.wp-block-group__link:hover),
     .wp-block-group.has-cyber-background-color:has(.wp-block-group__link:hover) {
         background-color:var(--wp--preset--color--contrast) !important;
         transition: background-color 0.3s ease-in-out;
     }
 
     /* -- Header -- */


/* Scroll loghi */
.logos {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logo_items {
  display: inline-block;
animation: scroll 30s linear infinite
}


.logo_items img {
max-width: unset !important
}

.logo_items.logo_network img {
max-width: 200px !important
}

.logos:hover .logo_items {
  animation-play-state: paused;
}

/* L'immagine può adattarsi */
.logo-track figure img {
  max-height: 100%;
  /* max-width: 100%;  // Se vuoi evitare che si sfori orizzontalmente */
  display: block;      /* Buona prassi per le immagini */
}



@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Carousel */

.carousel-cell {
  width: calc(30% - (calc(var(--wp--preset--spacing--medium) / 2))) !important;
  height: auto;
  margin-right: var(--wp--preset--spacing--medium)
}

@media (max-width: 767px){
	
	.is-style-hidden {
		display: none !important;
	}
	
  .main-carousel:not(.flickity-enabled){
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--medium);
  }

  .main-carousel:not(.flickity-enabled) .carousel-cell{
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}



/* Button - Outline Style
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-element-button {
	border: none;
	background-color: transparent;
	outline: 2px solid currentColor;
	outline-offset: -2px;

}

.wp-block-button.is-style-outline .wp-element-button:hover {
	color: var(--wp--preset--color--contrast);
	outline-color: var(--wp--preset--color--neutral);
	background-color: var(--wp--preset--color--neutral);
	text-decoration: none;
	
}

.wp-block-button.is-style-outline .has-text-color.wp-element-button:hover {
	color: var(--wp--preset--color--background-1)!important;
}

html [class*="has-foreground-"][class*="background-color"] > .wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: var(--wp--preset--color--background-1);
	color: var(--wp--preset--color--foreground-1)!important;
	outline: 2px solid var(--wp--preset--color--background-1);
}

/* Button - Base
--------------------------------------------- */
.wp-block-button.is-style-button-base .wp-element-button {
	color: var(--wp--preset--color--neutral);
	background-color: var(--wp--preset--color--primary);

}

.wp-block-button.is-style-button-base .wp-element-button:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--neutral);
}

/* Button - Contrast
--------------------------------------------- */

.wp-block-button.is-style-button-contrast .wp-element-button {
	color: var(--wp--preset--color--neutral);
	background-color: var(--wp--preset--color--contrast);

}

.wp-block-button.is-style-button-contrast .wp-element-button:hover {
	background:  var(--wp--preset--color--neutral);
	color: var(--wp--preset--color--contrast);
}



/* Button - Neutral
--------------------------------------------- */

.wp-block-button.is-style-button-neutral .wp-element-button {
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--neutral);

}

.wp-block-button.is-style-button-neutral .wp-element-button:hover {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--neutral);
}

.button-accedi{
	color: var(--wp--preset--color--contrast) !important;
	background-color: var(--wp--preset--color--neutral) !important;
  border-radius: 5px !important;
  padding-top: 5px !important;
  padding-right: 10px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;

}



/* Button - Foreground
--------------------------------------------- */
.wp-block-button.is-style-button-foreground .wp-element-button {
	color: var(--wp--preset--color--background-1);
	background-color: var(--wp--preset--color--foreground-1);

}

.wp-block-button.is-style-button-foreground:hover .wp-element-button:hover {
	background: var(--wp--preset--color--background-1);
	color: var(--wp--preset--color--foreground-1);
}

/* Button - Background
--------------------------------------------- */
.wp-block-button.is-style-button-background .wp-element-button {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--background-1);

}

.is-style-button-background .wp-element-button:hover {
	background: var(--wp--preset--color--foreground-1);
	color: var(--wp--preset--color--background-1);
}

/* Button - Text Style
--------------------------------------------- */

.wp-block-button.is-style-button-text .wp-element-button {
	background-color: transparent;
	text-decoration: underline;
	color: inherit;
    padding: 0;
    margin: 0;
}

.wp-block-button.is-style-button-text .wp-element-button:hover {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/* Button - With Background Section
--------------------------------------------- */

.has-foreground-1-background-color > .wp-block-button:not(
	.is-style-outline,
	.is-style-button-tertiary,
	.is-style-button-background,
	.is-style-button-text
	) .wp-element-button:hover {
	color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--background-1);
}

.has-foreground-1-background-color .wp-block-button.is-style-button-background .wp-element-button:hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--foreground-1);
}

.has-secondary-background-color .wp-block-button.is-style-button-background a:hover {
	background-color: var(--wp--preset--color--foreground-1);
	color: var(--wp--preset--color--background-1);
}

/* Style inline images when in button
--------------------------------------------- */
.wp-block-button img {
	display: inline-block;
	margin-right: 0.35em;
	vertical-align: text-bottom;
	line-height: 1;
	max-width: 1.5em;
	max-height: 1.5em;
}

/* Button - button-tab
--------------------------------------------- */


.wp-block-button.button-tab .wp-element-button {
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--neutral);

}


.wp-block-button.button-tab .wp-element-button:hover,
.wp-block-button.button-tab .wp-element-button.active {
	color: var(--wp--preset--color--neutral);
	background-color: var(--wp--preset--color--contrast);

}


.vendor-name-item {
  transition: background-color 0.3s ease;
}

.vendor_item:hover .vendor-name-item {
  cursor: pointer;
  background-color: var(--wp--preset--color--primary) !important;
}


/* Mobile: solo standard */
@media (max-width: 1043px) {
  .mega-menu-fb { display: none !important; }
.menu-mobile { display: none; }
  .standard-menu { display: flex !important; }

}
/* Tablet/Desktop: solo mega */
@media (min-width: 1044px) {
  .standard-menu { display: none !important; }
  .mega-menu-fb { display: flex !important; }
	.menu-mobile { display: none !important; }
}

/* Se sto navigando da tastiera, nascondi il mega-menu e mostra il menu standard */
body.user-is-tabbing .mega-menu-fb {
  display: none !important;
}
body.user-is-tabbing .standard-menu {
  display: flex !important;
}

 /* Avatars */
 
 .avatars-stacked>figure {
    margin-left: -12px !important;
}

 .avatars-stacked figure:first-of-type {
    margin-left: 0 !important;
}

/* contenitore del blocco */
.wp-block-polylang-language-switcher{
  display: inline-flex;
  align-items: center;
  gap: 0rem;
}




/* Selettore PolyLang */
/* select moderno + freccia su background */
.wp-block-polylang-language-switcher {
  display: inline-flex;
  align-items: center;
}

/* icona globo prima del select */
.wp-block-polylang-language-switcher::before {
  content: "";
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 2px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* SVG convertito in data URI */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20aria-hidden%3D'true'%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D'M12%203.3c-4.8%200-8.8%203.9-8.8%208.8%200%204.8%203.9%208.8%208.8%208.8%204.8%200%208.8-3.9%208.8-8.8s-4-8.8-8.8-8.8zm6.5%205.5h-2.6C15.4%207.3%2014.8%206%2014%205c2%20.6%203.6%202%204.5%203.8zm.7%203.2c0%20.6-.1%201.2-.2%201.8h-2.9c.1-.6.1-1.2.1-1.8s-.1-1.2-.1-1.8H19c.2.6.2%201.2.2%201.8zM12%2018.7c-1-.7-1.8-1.9-2.3-3.5h4.6c-.5%201.6-1.3%202.9-2.3%203.5zm-2.6-4.9c-.1-.6-.1-1.1-.1-1.8%200-.6.1-1.2.1-1.8h5.2c.1.6.1%201.1.1%201.8s-.1%201.2-.1%201.8H9.4zM4.8%2012c0-.6.1-1.2.2-1.8h2.9c-.1.6-.1%201.2-.1%201.8%200%20.6.1%201.2.1%201.8H5c-.2-.6-.2-1.2-.2-1.8zM12%205.3c1%20.7%201.8%201.9%202.3%203.5H9.7c.5-1.6%201.3-2.9%202.3-3.5zM10%205c-.8%201-1.4%202.3-1.8%203.8H5.5C6.4%207%208%205.6%2010%205zM5.5%2015.3h2.6c.4%201.5%201%202.8%201.8%203.7-1.8-.6-3.5-2-4.4-3.7zM14%2019c.8-1%201.4-2.2%201.8-3.7h2.6C17.6%2017%2016%2018.4%2014%2019z'%2F%3E%3C%2Fsvg%3E");
}
 
.wp-block-polylang-language-switcher .pll-switcher-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: .45rem 0.0rem .45rem 0rem; /* spazio per freccia */
  border:none;
  background-color: transparent !important;
  color: inherit;
  cursor: pointer;
  line-height: 1.2;
  transition: .2s ease;
	font-size: clamp(14px, 1.2vw, 16px);
  /* freccia inline SVG */
	background-image: none;

}

.wp-block-polylang-language-switcher{
  display:inline-flex;
  align-items:center;
}
.wp-block-polylang-language-switcher .pll-switcher-select:focus{
  outline:none;
}



@media (max-width: 1227px) {

	.bottone-menu .wp-block-button__link-icon {
    display: none;
  }
}

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

@media (min-width: 835px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}

.is-responsive.standard-menu {
	margin-right: 15px
}




/* Boxed Details Styles
--------------------------------------------- */
details.wp-block-details.is-style-boxed {
	transition: all ease-in-out 0.1s;
}

details.wp-block-details.is-style-boxed summary::marker,
details.wp-block-details.is-style-boxed summary::-webkit-details-marker {
	content: "";
	display: none;
}

details.wp-block-details.is-style-boxed summary {
	position:relative;
}

details.wp-block-details.is-style-boxed summary::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  /* Responsive: dimensione legata al font-size del summary */
  width: 0.8em;
  height: 0.8em;
  transition: transform 0.1s ease-in-out;
  background-color: currentColor;
  /* Mask SVG */
  -webkit-mask: url('assets/icons/chevron-right.svg') no-repeat center;
  mask: url('assets/icons/chevron-right.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}


details.wp-block-details.is-style-boxed:hover {
}

.wp-block-details.is-style-boxed[open] summary::before {
	transform: rotate(90deg);
}

.taxonomy-business-unit.wp-block-post-terms a{
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

.taxonomy-business-unit.wp-block-post-terms a{
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

/* UCC */
.bu--unified-communication-collaboration___en .taxonomy-business-unit,
.bu--unified-communication-collaboration .taxonomy-business-unit{
  background: var(--wp--preset--color--ucc);
}

/* Networking */
.bu--networking___en .taxonomy-business-unit,
.bu--networking .taxonomy-business-unit{
  background: var(--wp--preset--color--networking);
}

/* Cyber & Cloud Solutions */
.bu--cyber-cloud-solutions___en .taxonomy-business-unit,
.bu--cyber-cloud-solutions .taxonomy-business-unit{
  background: var(--wp--preset--color--cyber);
}

/* Smart & Secure Solutions */
.bu--smart-secure-solutions___en .taxonomy-business-unit,
.bu--smart-secure-solutions .taxonomy-business-unit{
  background: var(--wp--preset--color--secure);
}

.bu--unified-communication-collaboration___en .taxonomy-business-unit:hover,
.bu--unified-communication-collaboration .taxonomy-business-unit:hover,
.bu--smart-secure-solutions___en .taxonomy-business-unit:hover,
.bu--smart-secure-solutions .taxonomy-business-unit:hover,
.bu--cyber-cloud-solutions___en .taxonomy-business-unit:hover,
.bu--cyber-cloud-solutions .taxonomy-business-unit:hover,
.bu--networking___en .taxonomy-business-unit:hover,
.bu--networking .taxonomy-business-unit:hover {
	background-color: var(--wp--preset--color--primary);
}



/* ==========================================================
   FIX CLS — OLLIE MEGA MENU (mettere in fondo al file)
   ========================================================== */


/* 1) dropdown fuori dal flow (non spinge mai il contenuto) */
.mega-menu-fb .wp-block-ollie-mega-menu__menu-container {
  position: fixed !important;
  top: 67px !important;  /* stessa altezza usata da Ollie (data-top-spacing) */
  left: 0 !important;
  right: 0 !important;
  width: 200vw !important;
  z-index: 99999999 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;

  /* evita che JS/inline left generi shift */
  transform: translate3d(0,0,0) !important;
  will-change: transform;
}


/* 4) evita comparsa/scomparsa con display:none (reflow) */
.mega-menu-fb .wp-block-ollie-mega-menu__menu-container {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease;
}

/* compatibile sia con aria-expanded sul button che con wrapper */
.wp-block-ollie-mega-menu__toggle[aria-expanded="true"] + .wp-block-ollie-mega-menu__menu-container,
.wp-block-ollie-mega-menu[aria-expanded="true"] .wp-block-ollie-mega-menu__menu-container {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


/* Allinea testo + freccia su una sola riga */
.mega-menu-fb .wp-block-ollie-mega-menu__toggle{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px; /* distanza testo-freccia */
}


/* Default (sotto i 1184px, se serve puoi cambiarlo) */
.mega-menu-fb.wp-block-navigation .wp-block-navigation__container{
  gap: 15px;
}

/* ≥ 1184px e ≤ 1234px → gap 20 */
@media (min-width: 1184px) and (max-width: 1234px){
  .mega-menu-fb.wp-block-navigation .wp-block-navigation__container{
    gap: 20px;
  }
}

/* ≥ 1235px e ≤ 1285px → gap 30 */
@media (min-width: 1235px) and (max-width: 1285px){
  .mega-menu-fb.wp-block-navigation .wp-block-navigation__container{
    gap: 30px;
  }
}

/* ≥ 1286px e ≤ 1336px → gap 40 */
@media (min-width: 1286px) and (max-width: 1336px){
  .mega-menu-fb.wp-block-navigation .wp-block-navigation__container{
    gap: 40px;
  }
}

/* ≥ 1337px → gap 50 */
@media (min-width: 1337px){
  .mega-menu-fb.wp-block-navigation .wp-block-navigation__container{
    gap: 50px;
  }
}


/* ===== Accedi come pulsante (li.fb-menu-login) ===== */

/* Wrapper visivo del "pulsante" */
.wp-block-navigation-item.fb-menu-login{
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  background-color: var(--wp--preset--color--base);
}


/* Link (testo) */
.wp-block-navigation-item.fb-menu-login > a.wp-block-navigation-item__content{
  padding: 8px 12px;
  font-size: 16px;
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* Freccia/toggle del sottomenu */
.wp-block-navigation-item.fb-menu-login > button.wp-block-navigation-submenu__toggle{
  padding: 8px 10px;
  color: var(--wp--preset--color--contrast);
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
}

/* Stato hover/focus: effetto "button" coerente */
.wp-block-navigation-item.fb-menu-login:hover{
  opacity: .92;
}

.wp-block-navigation-item.fb-menu-login > a.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation-item.fb-menu-login > button.wp-block-navigation-submenu__toggle:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
}