/**
 * Theme Name:     Stagez Child
 * Author:         Jegtheme
 * Template:       stagez
 * Text Domain:	   stagez-child
 * Description:    Stagez offers a cutting-edge Gutenverse theme with a sleek design, perfect for creating impactful websites for Event Conferences, Summits, and Professional Gatherings. Stagez is the ideal choice for building a professional, engaging website that highlights your event, attracts attendees, and maximizes visibility.
 * Theme URI:      https://fse.jegtheme.com/stagez/
 * Author URI:     https://support.jegtheme.com/
 * Version:        1.0.0
 * License:        GNU General Public License v3 or later.
 * License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Tags:           three-columns,block-patterns,block-styles,editor-style,full-site-editing,template-editing,entertainment
 */


/* ============================================================
   INTERSECTIONS – Design Tokens & Utility Classes
   Estratto dal file Figma UI (Validazione-IAB / UI_Versione 1)
   ============================================================ */

:root {

   --intersections-content-max: 1240px;
   --intersections-gutter-x: 48px;

   /* ----------------------------------------------------------
     COLORS – Brand
  ---------------------------------------------------------- */
   --color-primary: #E91E8C;
   /* Magenta/Pink – CTA, titoli accent, countdown */
   --color-primary-dark: #221E4D;
   /* Hover state del primary */
   --color-p: #3D3E56
      /* Per Paragrafo, grigio scuro */
      --color-secondary: #3D1A6E;
   /* Viola scuro – titoli h1/h2, navbar */
   --color-secondary-light: #6B3FA0;
   /* Viola medio – accenti secondari */


   /* ----------------------------------------------------------
     TYPOGRAPHY – Font Families
  ---------------------------------------------------------- */
   --font-primary: 'Panel Sans';
   /* corpo, UI */
   --font-display: 'Poppins';
   /* logo, titoli display */

   /* ----------------------------------------------------------
     TYPOGRAPHY – Font Sizes
  ---------------------------------------------------------- */
   --fs-xs: 0.75rem;
   /*  12px */
   --fs-sm: 0.875rem;
   /*  14px */
   --fs-base: 1rem;
   /*  16px */
   --fs-md: 1.125rem;
   /*  18px */
   --fs-lg: 1.25rem;
   /*  20px */
   --fs-xl: 1.5rem;
   /*  24px */
   --fs-2xl: 2rem;
   /*  32px */
   --fs-3xl: 2.5rem;
   /*  40px */
   --fs-4xl: 3rem;
   /*  48px */
   --fs-4xxl: 3.25rem;
   /*  52px */
   --fs-5xl: 4rem;
   /*  64px */
   --fs-display: 5rem;
   /*  80px – countdown numeri, hero numeri grandi */

   /* ----------------------------------------------------------
     TYPOGRAPHY – Font Weights
  ---------------------------------------------------------- */
   --fw-regular: 400;
   --fw-medium: 500;
   --fw-semibold: 600;
   --fw-bold: 700;
   --fw-black: 900;

   /* ----------------------------------------------------------
     TYPOGRAPHY – Line Heights
  ---------------------------------------------------------- */
   --lh-tight: 1.1;
   --lh-snug: 1.25;
   --lh-normal: 1.5;
   --lh-relaxed: 1.7;

   /* ----------------------------------------------------------
     TYPOGRAPHY – Letter Spacing
  ---------------------------------------------------------- */
   --ls-tight: -0.02em;
   --ls-normal: 0;
   --ls-wide: 0.05em;
   --ls-wider: 0.1em;
   /* label uppercase tipo "EDIZIONE 2026" */

   /* ----------------------------------------------------------
     SPACING SCALE
  ---------------------------------------------------------- */
   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
   --space-4: 16px;
   /* padding card, padding bottoni, gap nav items */
   --space-5: 20px;
   --space-6: 24px;
   --space-8: 32px;
   --space-10: 40px;
   --space-12: 48px;
   --space-14: 56px;
   /* gap colonne hero text */
   --space-16: 64px;
   --space-20: 80px;
   /* padding sezioni, section padding top/bottom */
   --space-24: 96px;
   --space-28: 112px;
   --space-32: 128px;

   /* ----------------------------------------------------------
     LAYOUT
  ---------------------------------------------------------- */
   --container-max: 1320px;
   /* max-width container principale */
   --container-max-inner: 1240px;
   /* max-width content interno */
   --container-px: var(--space-20);
   /* padding laterale 80px */
   --container-px-sm: var(--space-4);
   /* padding laterale mobile 16px */

   --section-py: var(--space-20);
   /* padding verticale sezioni = 80px */
   --section-gap: var(--space-20);
   /* gap tra blocchi = 80px */
   --content-gap: var(--space-14);
   /* gap interno componenti = 56px */

   --announcement-h: 44px;
   --navbar-h: 92px;
   /* altezza navbar (menu 136px - announcement 44px) */

   /* ----------------------------------------------------------
     BORDER RADIUS
  ---------------------------------------------------------- */
   --radius-sm: 4px;
   --radius-md: 8px;
   --radius-lg: 12px;
   --radius-xl: 16px;
   --radius-full: 9999px;
   /* pillola – tag, badge */

   /* ----------------------------------------------------------
     SHADOWS
  ---------------------------------------------------------- */
   --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
   --shadow-md: 0 4px 16px rgba(61, 26, 110, 0.12);
   --shadow-lg: 0 8px 32px rgba(61, 26, 110, 0.18);

   /* ----------------------------------------------------------
     TRANSITIONS
  ---------------------------------------------------------- */
   --transition-fast: 150ms ease;
   --transition-normal: 250ms ease;
   --transition-slow: 400ms ease;
}


/* Tools */

.font-primary * {
   font-family: var(--font-primary) !important;
}

.font-display * {
   font-family: var(--font-display) !important;
}

.clip-image {
   clip-path: polygon(15% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 15%) !important;
}

/* end Tools */


.is-style-c-card--color {
   background-color: var(--color-primary) !important;

}

.is-style-section-double-col {
   padding: 0 var(--space-6);

}

.is-style-section-double-col p {
   font-family: var(--font-display) !important;
   font-size: var(--fs-base);
   color: var(--color-p);
   font-weight: var(--fw-regular);
   letter-spacing: var(--ls-normal);
}


.is-style-section-double-col h1,
.is-style-section-double-col h2,
.is-style-section-double-col h3,
.is-style-section-double-col h4,
.is-style-section-double-col h5,
.is-style-section-double-col h6 {
   font-family: var(--font-primary) !important;
   color: var(--color-primary-dark) !important;
   font-size: var(--fs-4xxl) !important;
}


.is-style-section-double-col .heading-subtitle {
   font-family: var(--font-display) !important;
   font-weight: var(--fw-medium) !important;
   font-size: var(--fs-xs) !important;
   line-height: 120% !important;
   letter-spacing: var(--ls-wider) !important;
   vertical-align: middle !important;
   text-transform: uppercase !important;
   color: var(--color-primary-dark) !important;

}

.sticky-header {
   z-index: 999999;
	position: sticky !important;
	top: 0;
}

.desktop-header, .mobile-header{
position: sticky !important;
top: 0;
}

.faq-accordion .accordion-item.active .accordion-content {

    border-bottom: 1px solid var(--wp--preset--color--cyan-bluish-gray) !important;

}
	
/* Announcement bar fissa: la barra esce dal flusso, quindi il padding-top
   sul container restituisce lo spazio alla navbar che altrimenti risalirebbe.
   Target .guten-0TpgLe e non <header>: su staging il template part non
   renderizza il tag header. Solo desktop: il wrapper .guten-AD4etR è
   hide-mobile, su mobile la barra non esiste e l'header è già fixed
   via .guten-0TpgLe */


body {
   font-family: var(--wp--preset--font-family--poppins) !important;

}

body p {
   font-size: var(--wp--preset--font-size--custom-9);
}

p {
   line-height: 1.35;
}

.hero-slider .splide,
.hero-slider .wp-block-cover {
   min-height: 100% !important;
   height: 100% !important;
   max-height: 48rem !important;
}

.gutenverse-menu li a {
   padding: 1.5rem .5rem !important;
   font-size: .875rem !important;
}

.gutenverse-menu {
   gap: 1rem !important;
}


@media (min-width: 769px) and (max-width: 1280px) {

   html {
      font-size: calc(0.4rem + 0.8vw);
   }

}



@media (max-width: 768px) {

   html {
      font-size: calc(0.73rem + .95vw);
   }

}


.not-included mark{
	color: var(--wp--preset--color--custom-strong-purple) !important;
}

.not-included .gutenverse-icon-svg svg path{
	fill: var(--wp--preset--color--custom-strong-purple) !important;
}



section.wp-block-group.is-layout-constrained {
    margin-block-start: 3rem !important; 
}



.discount-badge {
   display: inline-block;
   clip-path: polygon(20px 0,
         /* taglio sinistra */
         100% 0,
         calc(100% - 20px) 100%,
         /* taglio destra */
         0 100%);
   width: fit-content !important;
   padding: .3rem 3rem;
   position: absolute !important;
   right: .7rem;
   top: -.9rem
}



.is-style-font-panel-sans,
.fun-fact-inner .number-wrapper {
   font-family: var(--wp--preset--font-family--panel-sans) !important;
}

.has-blur.wp-block-cover::before {
   content: "";
   top: 0;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   backdrop-filter: blur(60px) !important;
   z-index: 1;
}

.has-blur .wp-block-cover__inner-container {
   position: relative;
   z-index: 2;
}




.wp-block-separator {
   min-width: 100%;
}

.markee-slider .splide__list {
   transition: none !important;
}

.guten-inner-container,
.container-block {
   width: 1240px;
   max-width: 95% !important;
}

.splide__track {
   padding: 0 !important;
}

.countdown-value {
   position: relative;
}



.is-style-link .wp-block-button__link {
   background: transparent !important;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 !important;
}

.is-style-link .wp-block-button__link::before {
   content: "//";
   margin-right: .8rem;
}


.is-style-link .wp-block-button__link::after {
   content: "";
   display: inline-block;
   width: 1rem;
   height: 1rem;
   margin-left: .8rem;
   --svg: url("/wp-content/uploads/2026/04/arrow.svg");
   background-color: currentColor;
   -webkit-mask-image: var(--svg);
   mask-image: var(--svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
}

.is-style-style-2 .wp-block-button__link {
   background: transparent;
   border: .1rem solid var(--wp--preset--color--custom-221-e-4-d-blue-titoli-h-3);
   color: var(--wp--preset--color--custom-221-e-4-d-blue-titoli-h-3);
}

.gutenverse-maps {
   aspect-ratio: 3/2.4 !important
}

.guten-icon-wrapper.stacked {
   background-color: transparent !important;
}

.wp-block-columns {
   min-width: 100%;
}

.wp-block-column {
   position: relative;
}



.wp-block-separator {
   min-width: 100%;
}

.wp-block-button__link {
   transition: opacity .2s ease-in-out;
}

.wp-block-button__link:hover {
   opacity: .7;
}

.markee-slider .splide__list {
   transition: none !important;
}

.splide__track {
   padding: 0rem !important;
}

/*
.guten-flex-container,
.guten-inner-container {
   box-sizing: content-box !important;
}*/

.wp-block-group {
   position: relative;

}

.guten-column-wrapper .wp-block-group {
   min-width: 100%;
}

.guten-button-wrapper {
   width: fit-content !important;
}

.section-wrapper {
   min-width: 100% !important;
}

.markee-slider p {
   white-space: nowrap;
}

.wp-block-create-block-slider {
   width: 100%;
   max-width: 100%;

}

.wp-block-gutenverse-image {
   height: fit-content;
}

.splide__arrows {
   width: 250px;
   bottom: 1rem;
   height: 5rem;
   left: 50%;
   transform: translateX(-50%);
   position: absolute;
   z-index: 10;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.video-container {
   position: relative;
   width: 100%;
   padding-bottom: 56.25%;
   /* 16:9 */
   height: 0;
}

.video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.guten-video-background iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.guten-video-background {
   position: relative;
}

.splide__arrow svg {
   display: none !important;
}

.splide__arrow:after {
   content: "";
   display: inline-block;
   width: 1.2rem;
   height: 1.2rem;
   margin-bottom: .1rem;
   --svg: url("/wp-content/uploads/2026/04/right.svg");
   background-color: currentColor;
   -webkit-mask-image: var(--svg);
   mask-image: var(--svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
}

.white .splide__arrow:after {
   background-color: white;
}

.splide__arrow.splide__arrow--prev:after {
   transform: rotate(-180deg);
}

.progress-bar.slider .splide__arrows {
   bottom: -5rem;
}


.wp-block-create-block-slider {
   position: relative;
}

/* Contenitore UI dentro .splide__arrows */
.splide-progress-ui {
   display: flex;
   flex-direction: column;
   margin: 0rem .8rem;
   flex-grow: 1;
   gap: 6px;
   /* posizionalo come preferisci rispetto alle frecce */
}

.splide__arrow {
   position: relative !important;
   top: 0 !important;
   transform: none !important;

}

/* Contatore slide */
.splide-counter {
   display: flex;
   gap: .4rem;
   justify-content: space-between;
   align-items: center;
   flex-grow: 1;
   font-size: 1rem;
   font-weight: 500;
   font-variant-numeric: tabular-nums;
}

.white .splide-counter>* {
   color: white !important;
}

.white .splide-progress__bar {
   background: white;
}

.white .splide__arrow svg {
   fill: white !important;
}

/* Barra progresso globale */
.splide-progress {
   width: 100%;
   height: 2px;
   background: #221E4D33;
}

.splide-progress__bar {
   height: 100%;
   width: 0%;
   background: #221E4D;
   transition: width 300ms ease;
}


/*
.guten-flex-container, .guten-inner-container {
    box-sizing: content-box !important;
}

.guten-inner-container, .container-block{
	width: 1440px;
}
*/

.clip-path-block {
   clip-path: polygon(40px 0,
         /* top-left tagliato */
         100% 0,
         100% calc(100% - 40px),
         /* bottom-right tagliato */
         calc(100% - 40px) 100%,
         0 100%,
         0 40px);
}

.markee-slider p {
   white-space: nowrap;
}

.wp-block-create-block-slider {
   width: 100%;
   max-width: 100%;

}

.intersections-top-speakers {
   background: transparent !important;
   padding: 0 !important;
}

.intersections-top-speakers__viewport {
   padding: 0 !important;
}

/* countdown */

.countdown-value {
   position: relative;
   font-family: var(--wp--preset--font-family--panel-sans) !important;
}

.countdown-value:after {
   content: "";
   width: 2rem;
   height: 2px;
   bottom: 1rem;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   background: #221E4D;
}


.z-index-1 {
   z-index: 1;
   position: relative;
}


.markee-slider .wp-block-image {
   display: flex;
   align-items: center;
   justify-content: center;
}


@media (min-width: 769px) and (max-width: 1024px) {
   .md-grid-2 {
      display: grid !important;
      justify-content: center;
      grid-template-columns: repeat(2, 1fr);
   }
}


.stretch .wp-block-group {
   min-width: 100%;
}

@media (min-width: 769px) {
   .md-display-none {
      display: none !important;
   }
}


@media (max-width: 768px) {

   .guten-inner-container,
   .container-block {
      width: 95%;
   }
	
	.programma-card{
		row-gap: 0px !important;
	}

   .price-container .guten-container {
      gap: 1.3rem !important;
   }

   .sm-wrap {
      flex-wrap: wrap !important;
   }

   .sm-gap-1 {
      gap: 1rem !important;
   }


   .sm-padding-0 {
      padding: 0 !important;
   }

   .sm-display-none {
      display: none !important;
   }

   .sm-grid-2 {
      display: grid !important;
      justify-content: center;
      grid-template-columns: repeat(2, 1fr);
   }

   .sm-grid-3 {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      justify-content: center;
   }


   .sm-grid-3>* {
      grid-column: span 2;
   }


   .sm-grid-3> :nth-last-child(2):nth-child(3n + 1) {
      grid-column: 2 / span 2;
   }

   .sm-grid-3> :nth-last-child(1):nth-child(3n + 2) {
      grid-column: 4 / span 2;
   }



   .sm-center {
      justify-content: center !important;
   }

   .sm-column {
      display: flex !important;
      flex-direction: column !important;
   }



   .progress-bar .wp-block-cover {
      min-height: 100% !important;
   }

   .sm-order-0 {
      order: -1;
   }

   .sm-grid-2>*:last-child:nth-child(odd) {
      grid-column: span 2;
   }

   .countdown-value:after {
      content: "";
      bottom: 0rem;
      height: .1rem;
   }
}


/* cart icon*/

.wc-block-mini-cart__badge,
:where(.wc-block-mini-cart__badge) {
   background: var(--color-primary) !important;
   color: white !important;
}


/* Avatar utente loggato nell'header desktop (sostituisce il bottone Accedi,
   vedi stagez_child_header_account_button in functions.php). */
.__dm_user-link {
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
}

.__dm_user-avatar {
   width: 38px;
   height: 38px;
   display: block;
}


/* menu mobile */


@media(max-width: 768px) {

   .gutenverse-menu-wrapper {
      width: 100% !important;
      max-width: unset !important;
      top: calc(0% + 41.33px) !important;
   }
	
	.gutenverse-menu{
		padding: 20px !important;
	}
	
	.__mm_container-mobile-menu{
		padding: 0 !important;
	}
	
	.gutenverse-menu .menu-item a{
		padding-left: 0px !important;
	}
	
	.menu-item.menu-cta{
		padding-bottom: 20px !important;
	}

   .gutenverse-nav-identity-panel {
      display: none !important;
   }

   .menu-item-fase-1 {
      position: relative !important;
      width: 60% !important;
      display: block;
   }
	
	.menu-item-fase-1 a{
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	
	   .menu-item-fase-1 a::after {
  content: "";
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);


  -webkit-mask-image: url(/wp-content/uploads/2026/04/arrow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;

  mask-image: url(/wp-content/uploads/2026/04/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;


  background-color: black;
   }

   /* No underline sulla voce di menu corrente (regola Gutenverse
      border-bottom-style: solid su li.current-menu-item > a). */
   #guten-HyoitK .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a,
   #guten-HyoitK .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a {
      border-bottom: none !important;
   }

   /*______*/

   .__mm_container-mobile-menu {
      position: relative;
      /* background: #ffffff; */
      font-family: 'Poppins' sans-serif;
      padding: 20px;
      box-sizing: border-box;
      width: 100%;
      max-width: 480px;
      margin: 0 auto;
      font-size: 16px;
   }

   .__mm_row-mobile-menu {
      box-sizing: border-box;
   }

   .__mm_row-up {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px;
   }

   .__mm_col-sx-mobile-menu {
      display: flex;
      align-items: center;
   }

   .__mm_logo-mobile-menu {
      height: 42px;
      display: block;
   }

   .__mm_col-dx-mobile-menu ul {
      display: flex;
      align-items: center;
      gap: 12px;
      list-style: none;
      padding: 0;
      margin: 0;
   }

   .__mm_col-dx-mobile-menu li {
      display: flex;
      align-items: center;
   }

   .__mm_login-link a {
      font-size: 16px !important;
      color: #221E4D !important;
      font-weight: 500;
      text-decoration: none;
   }

   /* Utente loggato: avatar con testa (User.svg) al posto di "Accedi". */
   .__mm_login-link .__mm_user-link {
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .__mm_user-avatar {
      width: 38px;
      height: 38px;
      display: block;
   }

   .__mm_col-dx-mobile-menu a {
      font-size: 16px !important;
      color: #221E4D !important;
      font-weight: 500;
      text-decoration: none;

   }

   .__mm_cart-link {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #221E4D;
      text-decoration: none;
   }

   .__mm_icon-cart {
      width: 26px;
      height: 26px;
      stroke: #221E4D;
      stroke-width: 2.2;
   }

   .__mm_cart-badge {
      position: absolute;
      top: -8px;
      right: -10px;
      background: #e21c5f;
      color: #ffffff;
      font-size: 11px;
      font-weight: 700;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #ffffff;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   }

   .__mm_close-link {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000000;
      text-decoration: none;
   }

   .__mm_icon-close {
      width: 26px;
      height: 26px;
      stroke: #000000;
      stroke-width: 2.2;
   }

   .__mm_row-bottom {
      display: flex;
      gap: 16px;
   }

   .__mm_row-bottom .__mm_col-sx-mobile-menu,
   .__mm_row-bottom .__mm_col-dx-mobile-menu {
      flex: 1;
   }

   .__mm_row-bottom button {
      width: 100%;
      height: 48px;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      padding: 0;
      box-sizing: border-box;
   }

   .__mm_row-bottom button a {
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      display: flex;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      line-height: 0;
   }

   .__mm_btn-sponsor {
      background: transparent;
      border: 1.5px solid #6b5c92;
   }

   .__mm_btn-sponsor a {
      color: #221E4D;
   }

   .__mm_btn-sponsor:hover {
      background: rgba(27, 18, 72, 0.04);
      border-color: #221E4D;
   }

   .__mm_btn-tickets {
      background: linear-gradient(135deg, rgb(34, 30, 77) 0%, rgb(116, 74, 137) 100%);
      border: 0;
      color: white;
   }

   .__mm_btn-tickets a {
      color: white !important;
   }

   .__mm_btn-tickets:hover {
      opacity: 0.9;
      box-shadow: 0 4px 12px rgba(27, 18, 72, 0.15);
   }

}



@media(min-width:768px) {
   .__m_container-mobile {
      display: none !important;
   }
}


/* login */

.login-submit .button.button-primary {
   background: linear-gradient(135deg, rgb(34, 30, 77) 0%, rgb(116, 74, 137) 100%) !important;
}


/* ============================================================
   /app/ – Tab installazione (blocco Gutenverse .guten-ydbTPM)
   Su mobile mostra i due pulsanti (Iphone e Ipad / Android)
   affiancati in orizzontale al posto del menù a tendina di default.
   Il JS di Gutenverse gestisce il click sia sui pulsanti desktop
   (.tab-heading-item) sia sul dropdown, quindi il cambio tab
   continua a funzionare.
   ============================================================ */
@media (max-width: 781px) {

   /* riattiva l'intestazione orizzontale, nasconde il dropdown
      e centra i due pulsanti (larghezza naturale) sulla riga */
   .guten-tabs.guten-ydbTPM .tab-heading {
      display: flex;
      justify-content: center;
   }

   .guten-tabs.guten-ydbTPM .tab-heading-mobile {
      display: none;
   }
}

/* Nasconde l'eventuale tab "fantasma" senza label (es. terzo tab con
   <span> vuoto e nessun contenuto): occupava spazio e sbilanciava il
   centraggio dei due pulsanti reali, sia su desktop che su mobile.
   NB: la soluzione pulita resta eliminare quel tab nell'editor Gutenberg. */
.guten-tabs.guten-ydbTPM .tab-heading-item:has(> span:empty),
.guten-tabs.guten-ydbTPM .tab-option-item:has(> span:empty) {
   display: none;
}

/* Icone piattaforma prima delle label dei due tab
   (#tab-FHMJwx = Iphone e Ipad, #tab-U9ULxx = Android) */
#tab-FHMJwx > span::before,
#tab-U9ULxx > span::before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-right: 8px;
   vertical-align: -0.25em;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

#tab-FHMJwx > span::before {
   background-image: url(/wp-content/uploads/2026/06/ios.svg);
}

#tab-U9ULxx > span::before {
   background-image: url(/wp-content/uploads/2026/06/android.svg);
}