/*
Theme Name: Astra Child
Template: astra
Author: AITravelHero
Version: 1.0
*/

/* =========================
   VARIABLES GLOBALES
   ========================= */
:root {
  /* Couleur de marque */
  --brand-blue: #031B4E;

  /* Palette UI (peut servir dans les blocs internes) */
  --bg-dark-900: #0b1120;
  --bg-dark-800: #111827;
  --blue-accent: #0A76F8;
  --gold-accent: #FFD54A;
  --text-on-dark: #F8FAFC;
  --text-muted: #94A3B8;
}

/* =========================
   FOND GLOBAL DU SITE
   ========================= */
body,
.site,
.site-content,
.ast-container,
.ast-page-builder-template,
.entry-content,
.site-main,
.page,
.ast-plain-container,
.ast-separate-container {
  background-color: var(--brand-blue) !important;
}

/* =========================
   HEADER / FOOTER
   ========================= */
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
  background-color: var(--brand-blue) !important;
}

.site-footer,
.ast-footer-overlay,
.ast-builder-grid-row-container-inner,
.ast-footer-copyright {
  background-color: var(--brand-blue) !important;
}

/* Neutraliser les fonds internes du footer (pour éviter un patchwork) */
.site-footer * {
  background-color: transparent !important;
}

/* =========================
   BOUTONS & LIENS
   ========================= */
.button,
.wp-block-button__link,
.ast-button,
input[type="submit"] {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}

/* Hover liens – version sûre (contraste OK partout) */
a:hover {
  text-decoration: underline;
}

/* Hover liens – version accentuée seulement sur surfaces claires (ex. article en fond blanc) */
.ai-post a:hover {
  color: var(--brand-blue) !important;
  text-decoration: underline;
}

/* =========================
   SUPPRESSIONS / ANCIENS RÉGLAGES
   ========================= */
/* ❌ À NE PAS REMETTRE : remettait un ancien fond sombre sur les singles */
/* body.single { background: var(--bg); color: var(--text); } */

/* =========================
   ARTICLE EN CARTOUCHE CLAIRE (harmonisé avec le bleu)
   ========================= */
.ai-post {
  background: #F2F5FA;  /* gris bleuté doux */
  color: #0F172A;
  max-width: 900px;
  margin: 40px auto;
  padding: 40px 20px;
  line-height: 1.75;
  font-size: 1.05rem;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
}

.ai-post h1 {
  font-size: clamp(28px,4.5vw,40px);
  line-height: 1.2;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: 10px;
}

.ai-post h2 {
  font-size: clamp(20px,3.2vw,26px);
  margin: 28px 0 10px;
  font-weight: 800;
  color: var(--blue-accent);
}

.ai-post p,
.ai-post li {
  color: #1E293B;  /* gris plus foncé pour lecture fluide */
}

.ai-post em {
  color: #475569;
}

.ai-post .kicker {
  color: #475569;
  font-weight: 600;
  margin: 6px 0 18px;
}

.ai-post .sep {
  height: 4px;
  width: 70px;
  background: var(--blue-accent);
  border-radius: 6px;
  margin: 16px 0 22px;
}

.ai-post ul {
  padding-left: 20px;
  margin: 10px 0 16px;
}

.ai-post li {
  margin: 6px 0;
}

.ai-post a {
  color: var(--blue-accent);
  text-decoration: none;
}

.ai-post a:hover {
  color: var(--brand-blue) !important;
  text-decoration: underline;
}

.ai-post img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

@media(max-width:768px){
  .ai-post {
    padding: 28px 16px;
  }
}