.elementor-kit-14{--e-global-color-primary:#000000;--e-global-color-secondary:#D624DB;--e-global-color-text:#000000;--e-global-color-accent:#7000FE;--e-global-color-980fdbb:#FFFFFF;--e-global-color-82d1f41:#CDCDCD;--e-global-color-4784436:#9C9B9B;--e-global-color-3985206:#FFFFFF00;--e-global-color-1d1cfdc:#15CBFC;--e-global-color-ae273bd:#913131;--e-global-color-dbd69e6:#EEEEEE;--e-global-color-d11f1b1:#00000000;--e-global-typography-primary-font-family:"futura-pt";--e-global-typography-primary-font-size:1vw;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"futura-pt";--e-global-typography-secondary-font-size:1vw;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-text-font-family:"futura-pt";--e-global-typography-text-font-size:1vw;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"nasalization";--e-global-typography-accent-font-size:1vw;--e-global-typography-accent-font-weight:100;--e-global-typography-accent-letter-spacing:1px;color:var( --e-global-color-primary );font-family:"futura-pt", Sans-serif;font-size:1vw;font-weight:400;letter-spacing:0.5px;}.elementor-kit-14 e-page-transition{background-color:var( --e-global-color-text );}.elementor-kit-14 a{color:var( --e-global-color-accent );font-family:"futura-pt", Sans-serif;font-size:1vw;font-weight:400;letter-spacing:0.5px;}.elementor-kit-14 a:hover{color:var( --e-global-color-primary );font-family:"NEUTRAL", Sans-serif;}.elementor-kit-14 h1{color:var( --e-global-color-primary );font-family:"futura-pt", Sans-serif;font-size:2vw;font-weight:400;letter-spacing:0.5px;}.elementor-kit-14 h2{color:var( --e-global-color-primary );font-family:"NEUTRAL", Sans-serif;font-size:16px;}.elementor-kit-14 button,.elementor-kit-14 input[type="button"],.elementor-kit-14 input[type="submit"],.elementor-kit-14 .elementor-button{font-family:"Kromaline", Sans-serif;font-size:2vw;font-weight:100;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:var( --e-global-color-accent );--lightbox-text-color:#000000;}@media(max-width:1366px){.elementor-kit-14{font-size:13px;}}@media(max-width:1024px){.elementor-kit-14{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14{font-size:11px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================= BASE CLEAN ================= */

/* --- Galleria verticale (immagini prodotto in colonna) --- */
.gallery-vertical{display:flex;flex-direction:column;gap:15px;max-width:100px}
.gallery-vertical img{width:100%;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease-in-out}
.gallery-vertical img:hover{border:2px solid #6f2cf5;transform:scale(1.05)}

/* --- Layout responsive su mobile --- */
@media (max-width:768px){
  .elementor-section.elementor-section-boxed{flex-direction:column!important}
}

/* --- WooCommerce: nasconde messaggi inutili --- */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-notices-wrapper{display:none!important}

/* ================= TOOLTIP CARD FISSA (responsive) ================= */

/* Settaggi UNA VOLTA SOLA (scope del menu aperto): posizione e dimensioni adaptive */
.e-n-menu-content{
  /* posizione fissa (centrata con le icone) */
  --tt-top: 22vw;          /* verticale: 0 = top, 100 = bottom */
  --tt-center: 17.2vw;     /* centro orizzontale del tooltip */

  /* dimensioni base (tablet/laptop “medi”) */
  --tt-w: clamp(240px, 30vw, 640px);
  --tt-size: clamp(14px, 1.4vw, 22px);

  /* SPAZIO TRA LE DUE RIGHE (più di prima) */
  --tt-lh: 1.22;

  /* padding */
  --tt-pt: 12px;
  --tt-px: 24px;
  --tt-pb: 18px;
}

/* Card fissa a due righe (niente freccetta) */
.kx-tt::after{
  content: attr(data-tt1) "\A" attr(data-tt2);
  white-space: pre-line; text-align:center;

  position: fixed; z-index: 99999; pointer-events: none;
  top: var(--tt-top);
  left: calc(var(--tt-center) - (var(--tt-w) / 2));
  width: var(--tt-w);

  padding: var(--tt-pt) var(--tt-px) var(--tt-pb);
  border-radius: 10px;
  box-shadow: inset 0 0 0 3px #fff, 0 16px 40px rgb(0 0 0 / .25);
  background: linear-gradient(135deg, rgba(255,0,212,.6), rgba(0,221,255,.6));
  color:#fff;
  font-family:'Nasalization',sans-serif;

  /* font e SPAZIO tra le due righe */
  font-size: var(--tt-size);
  line-height: var(--tt-lh);

  opacity:0; visibility:hidden; transform:scale(.98);
  transition:opacity .18s ease, transform .22s ease, visibility .18s;
}

/* mostra su hover/focus */
.kx-tt:hover::after, .kx-tt:focus-within::after{
  opacity:1; visibility:visible; transform:scale(1);
}

/* righe vuote */
.kx-tt[data-tt1=""]::after{content: attr(data-tt2);}
.kx-tt[data-tt2=""]::after{content: attr(data-tt1);}
.kx-tt[data-tt1=""][data-tt2=""]::after,
.kx-tt:not([data-tt1]):not([data-tt2])::after{content:none;}

@media (prefers-reduced-motion:reduce){ .kx-tt::after{transition:none} }

/* ======= TUNING PER FORMATI ======= */

/* Desktop ampio (≥1921px): blocca a 640px perché è perfetto lì */
@media (min-width:1921px){
  .e-n-menu-content{
    --tt-w: 640px;
    --tt-size: clamp(16px, 1.2vw, 22px);
  }
}

/* Laptop tipici (1201–1366px): solo posizionamento (top/center) */
@media (min-width:1201px) and (max-width:1366px){
  .e-n-menu-content{
    --tt-top: 25vw;      /* quota verticale del tooltip */
    --tt-center: 19.5vw; /* centro orizzontale */
  }
}


/* micro-fine tuning per tablet */
@media (max-width:1200px){ .e-n-menu-content{ --tt-top: 25vw; --tt-center: 19.7vw; } }
@media (max-width:992px){  .e-n-menu-content{ --tt-top: 55vh; --tt-center: 46vw; } }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NEUTRAL';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://kromaline.it/wp-content/uploads/NEUTRAL-1.eot');
	src: url('https://kromaline.it/wp-content/uploads/NEUTRAL-1.eot?#iefix') format('embedded-opentype'),
		url('https://kromaline.it/wp-content/uploads/NEUTRAL.woff2') format('woff2'),
		url('https://kromaline.it/wp-content/uploads/NEUTRAL.woff') format('woff'),
		url('https://kromaline.it/wp-content/uploads/NEUTRAL.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kromaline';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://kromaline.it/wp-content/uploads/kromaline.eot');
	src: url('https://kromaline.it/wp-content/uploads/kromaline.eot?#iefix') format('embedded-opentype'),
		url('https://kromaline.it/wp-content/uploads/kromaline.woff2') format('woff2'),
		url('https://kromaline.it/wp-content/uploads/kromaline-1.woff') format('woff'),
		url('https://kromaline.it/wp-content/uploads/kromaline.ttf') format('truetype'),
		url('https://kromaline.it/wp-content/uploads/kromaline.svg#Kromaline') format('svg');
}
/* End Custom Fonts CSS */