/* ═══════════════════════════════════════════════════════════════════
 * AXIALYS BLOG — Reskin CSS
 * Reskin visuel du gabarit WordPress/Elementor EXISTANT du blog.
 * Ne modifie AUCUN widget/module Elementor — cible uniquement les classes
 * déjà générées par les widgets natifs (Elementor Posts, Nav Menu, Search
 * Form, TOC…) et les plugins tiers (Reading Time…), sous le scope ax-scope.
 *
 * Dépend de : tokens.css, axialys-elementor.css (mêmes fichiers que le
 * site principal — voir Design/CLAUDE.md).
 *
 * Toutes les règles ci-dessous DOIVENT être préfixées par `body.ax-scope`
 * pour ne s'appliquer qu'une fois ce fichier volontairement chargé.
 * ═══════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────
 * 1-2 — HEADER / NAV / RECHERCHE
 * Widgets natifs Elementor : HTML (logo), Menu WordPress (#navigationMainMars2023),
 * Bouton (déjà classé ax-btn ax-btn-primary en direct dans Elementor),
 * Formulaire de recherche (skin full_screen).
 * Section racine : #headerFade (position fixed — réglé dans Elementor, Avancé > Position).
 * Section interne "boxed" : id=1ea859ad — c'est ELLE qui porte l'aspect pill
 * (Liquid Glass Effects, border-radius, ombre), pas #headerFade (full-width).
 * Colonne interne : .ax-blog-header (déjà ajoutée par Ilich dans Elementor)
 * ─────────────────────────────────────────────────────────────────── */

/* Neutralise le toggle lightHeader/darkHeader (fonctionnalites.js tourne
   toujours, on ignore juste la différence visuelle — décision "un seul
   style de header") */
body.ax-scope #headerFade.lightHeader,
body.ax-scope #headerFade.darkHeader {
    background: transparent !important; /* le fond visible vient de la section interne "pill", pas de la section full-width */
}

/* ── Bouton "Démo SVI" (widget Elementor Button) ──────────────────────
   Piège Elementor : le champ "Classes CSS" du widget Bouton pose la classe
   sur le <div> wrapper du widget, PAS sur le <a class="elementor-button">
   qui est le vrai lien cliquable/visible. Nos règles .ax-btn génériques
   (dans axialys-elementor.css) stylent donc le mauvais élément.
   → On neutralise le wrapper et on réapplique le style ax-btn-primary
   directement sur le <a> réel, à l'intérieur. */
body.ax-scope .ax-btn.ax-btn-primary {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
body.ax-scope .ax-btn.ax-btn-primary .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ax-space-2);
    padding: 12px 24px;
    border-radius: var(--ax-radius-full);
    background: var(--ax-color-accent-500);
    color: var(--ax-color-neutral-0) !important;
    border: 2px solid transparent;
    font-family: var(--ax-font-body);
    font-size: var(--ax-font-size-sm);
    font-weight: var(--ax-font-weight-semibold);
    letter-spacing: 0.025em;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none;
    transition: all var(--ax-duration-fast) var(--ax-ease-standard);
}
body.ax-scope .ax-btn.ax-btn-primary .elementor-button:hover {
    background: var(--ax-color-accent-600);
    border-color: var(--ax-color-accent-600);
}
/* Même piège à prévoir pour tout futur bouton Elementor marqué ax-btn-* :
   dupliquer ce pattern (neutraliser le wrapper, cibler .elementor-button). */


/* ───────────────────────────────────────────────────────────────────
 * 3 — CARDS ARTICLES (accueil, catégorie)
 * Widget Elementor Posts (archive-posts.archive-cards) : .elementor-post__card
 * ─────────────────────────────────────────────────────────────────── */


/* ───────────────────────────────────────────────────────────────────
 * 4 — TAGS / META (catégorie, temps de lecture, auteur) — icônes Tabler
 * .elementor-post__badge (catégorie), .rt-reading-time (temps de lecture)
 * ─────────────────────────────────────────────────────────────────── */


/* ───────────────────────────────────────────────────────────────────
 * 5 — HEROS (bandeaux accueil / catégorie)
 * Pas de CSS spécifique attendu ici — utiliser directement les classes
 * ax-bg-soft / ax-bg-aurora + ax-section dans le champ "Classes CSS"
 * Elementor de la section (zéro-code, cf. axialys-elementor.css).
 * ─────────────────────────────────────────────────────────────────── */


/* ───────────────────────────────────────────────────────────────────
 * 6 — DÉTAIL ARTICLE (sidebar sommaire, typographie)
 * .sommaire, .SommaireCustom, .elementor-toc*
 * ─────────────────────────────────────────────────────────────────── */


/* ───────────────────────────────────────────────────────────────────
 * 7 — FOOTER
 * ─────────────────────────────────────────────────────────────────── */


/* ───────────────────────────────────────────────────────────────────
 * 8 — PAGE 404
 * ─────────────────────────────────────────────────────────────────── */


/* RESPONSIVE */
@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}