/*
Theme Name: Wilson Dental — Refonte
Template: astra
Author: Wilson Dental
Description: Thème enfant Astra appliquant le nouveau design Wilson Dental (refonte 2026). Header/footer, design system et police Klarheit Kurrent globale. Les pages existantes sont rhabillées sans changer leurs URLs.
Version: 1.2.3
*/

/* ==========================================================================
   GLOBAL — design « alt » (lavande / header pilule glassmorphism)
   Repris à l'identique du site validé sur Vercel.
   design-system.css + components.css sont chargés avant (voir functions.php).
   ========================================================================== */

:root {
  --alt-lav: #EEF1FB;
  --alt-lav-2: #F3F0FA;
  --alt-sky: #E8EEFC;
  --alt-card: #FFFFFF;
  --alt-radius: 22px;
  --alt-radius-lg: 28px;
  --shadow-soft: 0 10px 40px -12px rgba(20, 27, 77, 0.16);
  --shadow-card: 0 4px 24px -8px rgba(20, 27, 77, 0.12);
}

/* Police Klarheit Kurrent sur tout le site (override Astra) */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, span, button, input, textarea, select,
.ast-container, .entry-content, .entry-title,
.ast-builder-layout-element {
  font-family: var(--font);
}

/* Fond lavande global */
body {
  background:
    radial-gradient(1200px 600px at 80% -5%, var(--alt-sky) 0%, transparent 60%),
    radial-gradient(1000px 700px at 0% 10%, var(--alt-lav-2) 0%, transparent 55%),
    linear-gradient(180deg, var(--alt-lav) 0%, #FFFFFF 30%);
  background-attachment: fixed;
}

/* ==========================================================================
   HEADER — pilule flottante glassmorphism (overrides de components.css)
   ========================================================================== */
.wd-header {
  position: sticky;
  top: 14px;
  margin: 14px auto 0;
  width: min(1180px, calc(100% - 28px));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: var(--shadow-card);
  z-index: 100;
}
.wd-header.is-scrolled { box-shadow: var(--shadow-soft); }
.wd-header-inner { height: 62px; padding-left: 26px; padding-right: 10px; }
.wd-mega {
  border-radius: var(--alt-radius-lg);
  margin-top: 10px;
  border: 1px solid var(--ink-10);
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: min(1180px, calc(100% - 28px));
}
.wd-mega.is-open { transform: translateX(-50%) translateY(0); }
.btn--primary { box-shadow: 0 8px 20px -8px rgba(47, 92, 255, 0.5); }

/* ==========================================================================
   On masque le header / footer natifs d'Astra : on utilise les nôtres
   (injectés via functions.php + components.js).
   ========================================================================== */
.site-header,
#masthead,
.ast-above-header-wrap,
.ast-below-header-wrap,
.site-footer,
#colophon,
.ast-scroll-to-top-wrapper { display: none !important; }

/* Pages rhabillées (accueil, équipe, contact, fiches soins) : on masque le
   titre / l'entête natif d'Astra, on a notre propre hero dans le contenu. */
.wd-refonte .entry-header,
.wd-refonte .entry-title,
.wd-refonte .ast-archive-description,
.wd-refonte .ast-single-post .entry-title { display: none !important; }

/* Astra souligne tous les <a> du contenu (look « années 2000 ») : on retire le
   soulignement sur les pages rhabillées (boutons, cartes, liens). La couleur
   d'accent suffit à signaler les liens dans la prose. */
body.wd-refonte a,
body.wd-refonte .entry-content a,
body.wd-refonte .entry-content a:hover,
body.wd-refonte .entry-content a:focus { text-decoration: none; }

/* Astra enveloppe le contenu : on retire les marges/paddings parasites
   pour laisser nos sections plein écran respirer. */
.site-content .ast-container,
.site-content { max-width: none; padding: 0; }
#page { background: transparent; }