/* ==========================================================================
   ASSICOMUNALE - Header mobile v1 (F04-2, 2026-10-15)
   File separato da header.css (niente append). Solo var(--ac-*), nessun !important.
   - sopra 1024 px: .ac-header__tel nascosto, il desktop resta identico;
   - fino a 1024 px: icona telefono 44x44 prima dell'hamburger;
   - fino a 480 px: CTA testuale dell'header nascosto (Preventivo sta nella barra in basso);
   - 481-539 px: logo a 36 px (come nello stato scrolled), perche' logo + CTA + telefono
     + hamburger stiano nella riga anche in quella fascia.
   ========================================================================== */

.ac-header__tel {
  display: none;
}

@media (max-width: 1024px) {
  .ac-header__right .ac-header__tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: var(--ac-radius-full);
    color: var(--ac-primary);
    background: var(--ac-primary-50);
    text-decoration: none;
  }

  .ac-header__right .ac-header__tel svg {
    width: 20px;
    height: 20px;
  }

  .ac-header__right .ac-header__tel:hover {
    color: var(--ac-primary-700);
    background: var(--ac-primary-100);
  }

  .ac-header__right .ac-header__tel:focus-visible {
    outline: 2px solid var(--ac-primary);
    outline-offset: 2px;
  }
}

@media (min-width: 481px) and (max-width: 539px) {
  .ac-header__logo img {
    height: 36px;
  }
}

@media (max-width: 480px) {
  .ac-header__right .ac-header__cta {
    display: none;
  }
}