/**
 * mobile-cta-hero.css
 * Style du formulaire quand il est déplacé dans le hero sur mobile.
 *
 * Fichier à inclure dans index.php :
 *   <link rel="stylesheet" href="/mobile-cta-hero.css">
 */

/* ── Formulaire repositionné dans le hero (mobile uniquement) ── */
.sidebar-form-card.mobile-hero-form {
  margin-top: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* ── Cacher la sidebar vide sur mobile quand le form a été déplacé ── */
@media (max-width: 768px) {
  .seo-page-right:empty,
  .seo-page-right:not(:has(.sidebar-form-card)) {
    display: none;
  }
}