/* =========================================================
   Lynda — CSS personalizzato
   Prima stava in "CSS aggiuntivo" del Customizer (database).
   Qui è un file: si porta da staging a produzione copiandolo.
   ========================================================= */

/* --- Campanella notifiche (WonderPush/Brevo): via il quadrato bianco --- */
html body .wonderpush-bell {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* --- Header mobile: SHOP e carrello non tagliati sul bordo --- */
@media (max-width: 991px) {
  header.site-bar-mobile .site-bar__actions { margin-right: 18px !important; }
}

/* ---------------------------------------------------------------
   HOME / HERO  (richieste di Mattia del 20/07/2026)
   - via la foto della modella
   - logo completo del brand (Lynda + Our Beautiful Age) grande
   - pulsanti grandi
   Il logo è payoff-white.svg (scambiato dal modulo 85-home-logo.php).
   Per rimettere la foto: cancellare la regola .homepage-cover-img
   --------------------------------------------------------------- */
.homepage-cover-img {
  display: none !important;
}

.homepage-cover-content {
  align-items: center !important;
  text-align: center !important;
}

/* il logo ora contiene già "Our Beautiful Age" -> nascondo il testo duplicato */
.homepage-cover-content h1 {
  display: none !important;
}

/* logo completo, dimensionato in LARGHEZZA per allungare "Lynda" */
.homepage-cover-content .homepage-cover-content__logo {
  width: 800px !important;
  max-width: 82vw !important;
  height: auto !important;
}

/* pulsanti */
.homepage-cover-content .homepage-cover-content__actions {
  margin-top: 48px !important;
  gap: 20px !important;
  justify-content: center !important;
}

.homepage-cover-content .homepage-cover-content__actions .ly-btn {
  height: 60px !important;
  padding: 0 32px !important;
  font-size: 18px !important;
}

/* --- MOBILE: logo grande, pulsanti impilati --- */
@media (max-width: 767px) {
  .homepage-cover-content {
    height: 52vh !important;
    justify-content: center !important;
    padding-bottom: 0 !important;
  }

  .homepage-cover-content .homepage-cover-content__logo {
    width: 90vw !important;
    max-width: 420px !important;
  }

  .homepage-cover-content .homepage-cover-content__actions {
    margin-top: 28px !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 14px !important;
  }

  .homepage-cover-content .homepage-cover-content__actions .ly-btn {
    width: 80% !important;
    max-width: 340px !important;
    height: 58px !important;
    padding: 0 20px !important;
    font-size: 17px !important;
    justify-content: center !important;
  }
  /* icone dei pulsanti visibili anche su mobile (il tema le nasconde con d-sm-none) */
  .homepage-cover-content .homepage-cover-content__actions .ly-btn .material-symbols-rounded {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 20px;
  }
}