/*
 Theme Name:   Lightup Movement
 Theme URI:    https://web.davidecrivelli.com
 Description:  Lightup Movement Theme
 Author:       Davide Crivelli
 Author URI:   https://web.davidecrivelli.com
 Template:     generatepress
 Version:      0.1
*/

.list__margin-bottom ul li p {
	margin-bottom:1.2em;
}

.footer__tagline {
	margin-top:24px;
}

/*HOME HEADER VIDEO*/
/* Wrapper and responsive video */
.hero-video { position: relative; width: 100%; overflow: hidden; }
.hero-video__ratio { position: relative; width: 100%; aspect-ratio: 16 / 9; }
.hero-video__iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Overlay sits above the iframe until clicked */
.hero-video__overlay {
  position: absolute; inset: 0; z-index: 2;
  display: grid; place-items: center;
  cursor: pointer;
  /* Background image set in GB (Cover/Center) fills this element */
}

/* Wrapper + responsive video */
.hero-video { position: relative; width: 100%; overflow: hidden; }
.hero-video__ratio { position: relative; width: 100%; aspect-ratio: 16 / 9; }
.hero-video__iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Overlay covers the video until clicked (your lilac image is set in GB) */
.hero-video__overlay { position: absolute; inset: 0; z-index: 2; cursor: pointer; }

/* Play control bottom-right */
.hero-video__play {
  position: absolute;
  left: clamp(150px, 2vw, 24px);
  bottom: clamp(150px, 2vw, 24px);
}

/* Mobile: sempre in basso a sinistra, con safe area */
@media (max-width: 768px) {
  .hero-video__play {
    left: calc(30px + env(safe-area-inset-left));
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
}

/* Hide overlay after click */
.hero-video__overlay.is-hidden { display: none; }


/*MOBILE MENU TOGGLE*/
/* 1) Hide the hamburger/close icons entirely */
.gb-navigation .gb-menu-toggle svg,
.gb-navigation .gb-menu-toggle .gb-icon {
  display: none !important;
}

/* 2) Hide any built-in text inside the toggle (we'll replace it) */
.gb-navigation .gb-menu-toggle .gb-button-text,
.gb-navigation .gb-menu-toggle .gb-menu-toggle__text,
.gb-navigation .gb-menu-toggle span {
  display: none !important;
}

/* 3) Inject our own text label */
.gb-navigation .gb-menu-toggle {
  position: relative;
}

/* Default label */
.gb-navigation .gb-menu-toggle::after {
  content: "MENÜ";
  display: inline-block;
  line-height: 1;
}

/* Label when mobile menu is open */
.gb-navigation .gb-menu-toggle[aria-expanded="true"]::after {
  content: "MENÜ SCHLIESSEN";
}