/**
 * Astra neutralizer — annule les styles du parent sur les pages refonte.
 * Ce fichier est chargé APRES astra-theme-css et AVANT maquette.css
 * pour que les variables et styles custom reprennent le controle.
 *
 * Tous les selecteurs sont prefixes par body.myai-refonte-page
 * pour ne jamais toucher le reste du site.
 */

/* ─── Reset typographie Astra ─── */
body.myai-refonte-page h1,
body.myai-refonte-page h2,
body.myai-refonte-page h3,
body.myai-refonte-page h4,
body.myai-refonte-page h5,
body.myai-refonte-page h6 {
  font-family: var(--font-display);
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-black);
}

body.myai-refonte-page p {
  margin-top: 0;
  margin-bottom: 0;
}

body.myai-refonte-page a {
  color: inherit;
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out-expo);
}

body.myai-refonte-page a:hover {
  color: var(--color-orange);
}

/* ─── Reset listes ─── */
body.myai-refonte-page ul,
body.myai-refonte-page ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ─── Reset boutons Astra ─── */
body.myai-refonte-page button,
body.myai-refonte-page .button,
body.myai-refonte-page input[type="button"],
body.myai-refonte-page input[type="submit"] {
  font-family: var(--font-display);
  border-radius: var(--radius-md);
  border: none;
  padding: 0.9rem 1.8rem;
  background: var(--color-orange);
  color: white;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-out-expo);
}

body.myai-refonte-page button:hover,
body.myai-refonte-page .button:hover,
body.myai-refonte-page input[type="button"]:hover,
body.myai-refonte-page input[type="submit"]:hover {
  background: var(--color-orange-dark);
  transform: translateY(-1px);
}

/* ─── Reset inputs ─── */
body.myai-refonte-page input,
body.myai-refonte-page textarea,
body.myai-refonte-page select {
  font-family: var(--font-body);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-gray-200);
  background: var(--color-cream);
  color: var(--color-black);
}

body.myai-refonte-page input:focus,
body.myai-refonte-page textarea:focus,
body.myai-refonte-page select:focus {
  outline: none;
  border-color: var(--color-orange);
  box-shadow: 0 0 0 3px rgba(234,88,12,0.08);
}

/* ─── Reset images ─── */
body.myai-refonte-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ─── Reset containers Astra ─── */
body.myai-refonte-page .ast-container,
body.myai-refonte-page #primary,
body.myai-refonte-page #content {
  max-width: none;
  padding: 0;
  margin: 0;
}

body.myai-refonte-page .site-content .ast-container {
  padding-left: 0;
  padding-right: 0;
}

/* ─── Sous-titres et meta Astra ─── */
body.myai-refonte-page .entry-title,
body.myai-refonte-page .page-title,
body.myai-refonte-page .ast-single-post .entry-title {
  margin: 0;
  padding: 0;
}

body.myai-refonte-page .ast-separate-container {
  background: transparent;
}

/* ─── Supprime le padding lateral force par Astra sur mobile ─── */
@media (max-width: 921px) {
  body.myai-refonte-page .ast-container {
    padding-left: 0;
    padding-right: 0;
  }
}