/* =============================================
   DESKTOP HERO FIX v4 - Layout a tutta larghezza
   ============================================= */

@media (min-width: 1024px) {
  /* Banner CTA sotto header */
  header::after {
    content: 'Chiama ora 02 8127 6155 per parlare con un consulente';
    display: block;
    width: 100%;
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    color: white;
    text-align: center;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 15px;
  }

  /* HERO: contenuto a tutta larghezza, immagine nascosta */
  #root > div > div:first-child,
  #root > div > main {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Nascondi completamente l'immagine hero grande */
  #root img[class*='rounded-'][class*='aspect'],
  #root div[class*='aspect-'][class*='rounded'],
  #root .window-rounded,
  #root > div > div > div > div[class*='aspect'],
  section img[alt*='couple'],
  section img[alt*='coppia'],
  div[class*='lg:w-1/2'] > div[class*='aspect'] {
    display: none !important;
  }

  /* Contenuto principale: full width */
  #root > div > div > div:first-child,
  #root section > div:first-child,
  main > section > div,
  .hero-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Container principale centered */
  #root > div > div {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
  }

  /* Hero section layout */
  #root section:first-of-type,
  main > section:first-of-type,
  #banner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 2rem !important;
    max-width: 900px !important;
    margin: 0 auto !important;
  }

  /* Titolo centrato */
  h1 {
    text-align: center !important;
    max-width: 700px !important;
    margin: 0 auto 1.5rem !important;
  }

  /* Price cards in row, centrate */
  #root section:first-of-type > div,
  .price-cards-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  /* Highlight tag centrato */
  span[class*='bg-enel-yellow'],
  .highlight-tag {
    margin: 0 auto 1rem !important;
    display: inline-block !important;
  }
}

/* Fix price cards layout */
@media (min-width: 1024px) {
  /* Price cards più grandi e con testo su una riga */
  div[class*='bg-enel-blue'],
  div[class*='bg-gradient-to'] {
    min-width: 200px !important;
    padding: 1.5rem !important;
    white-space: nowrap !important;
  }
  
  /* Prezzo su una riga */
  div[class*='bg-enel-blue'] span[class*='text-3xl'],
  div[class*='bg-enel-blue'] span[class*='text-4xl'],
  .price-value {
    white-space: nowrap !important;
    display: inline !important;
  }
}

/* Fix SPECIFICO per le price cards magenta */
@media (min-width: 1024px) {
  div.bg-enel-magenta,
  div[class*='bg-enel-magenta'] {
    min-width: 220px !important;
    width: auto !important;
    padding: 1.25rem 1.5rem !important;
  }
  
  /* Forza tutto su una riga */
  div.bg-enel-magenta *,
  div[class*='bg-enel-magenta'] span,
  div[class*='bg-enel-magenta'] div {
    white-space: nowrap !important;
  }
}

/* =============================================
   FORM LEAD nella colonna destra della hero (desktop)
   ============================================= */
@media (min-width: 1024px) {
  section#banner .grid.lg\:grid-cols-2 {
    align-items: start !important;
  }

  .ec-hero-form-slot {
    margin: 0 !important;
    width: 100% !important;
    max-width: 460px !important;
    align-self: start !important;
    border: 1px solid rgba(219, 39, 119, 0.12) !important;
  }

  .ec-hero-form-slot form {
    gap: 1rem !important;
  }

  /* Nasconde la sezione originale del form (ora vuota) su desktop */
  .ec-consulenza-hidden-desktop {
    display: none !important;
  }
}