/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 3.13.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/**
 * Personnalisations globales du site.
 *
 * Ce qui suit vivait dans « Apparence → Personnaliser → CSS additionnel ».
 * Le code d'un site se relit, se compare et se corrige dans des fichiers ;
 * dans un champ de la base, il ne se voit qu'en l'ouvrant et se perd avec
 * l'export.
 *
 * Deux différences avec la version d'origine, et deux seulement :
 *
 *   — le bloc des variables est écrit `:root:root`. Cette feuille est
 *     chargée avant `assets/css/theme.css`, qui déclare quatre des mêmes
 *     variables avec d'autres valeurs ; à spécificité égale, le dernier
 *     chargé gagnerait. Le doublement du sélecteur préserve exactement le
 *     rendu d'avant le déplacement.
 *
 *   — les deux règles du bandeau des pages piliers portent
 *     `:not(.et-svg *)`. Elles effaçaient les remplissages et recadraient
 *     tout SVG qu'on y plaçait, ce qui convenait aux icônes au trait et
 *     détruisait les illustrations pleines.
 *
 * Le design system de la landing vit dans assets/css/landing.css et n'est
 * chargé que sur le template dédié.
 */

/* ============================================================
   Webmaster IA - trame editoriale
   Etiquettes, titres a deux voix, bandeaux, cartes.
   ============================================================ */

/*
 * `:root:root` et non `:root` : même élément, spécificité (0,2,0) au lieu
 * de (0,1,0).
 *
 * Cette feuille est chargée avant `assets/css/theme.css`, qui déclare lui
 * aussi `--wia-line`, `--wia-muted`, `--wia-surface` et `--wia-surface-2`
 * avec d'autres valeurs. À spécificité égale, le dernier chargé gagnerait
 * — et quatre teintes changeraient sur tout le site sans que rien ne le
 * signale. Le doublement du sélecteur rend le résultat indépendant de
 * l'ordre de chargement.
 */
:root:root{
  --wia-accent:#ff8800;
  --wia-accent-2:#ffac4d;
  --wia-ink:#fafafa;
  --wia-muted:#cecece;
  --wia-surface:#181818;
  --wia-surface-2:#131313;
  --wia-line:#2c2c2c;
  --wia-dark:#0b0b0c;
}

.wia{overflow-x:clip;}

/* --- 1. Etiquette de section --------------------------------- */
.wia-entry p.wia-eyebrow{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin:0 0 .7rem;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--wia-accent);
}
.wia-entry p.wia-eyebrow::before{
  content:"";
  flex:0 0 30px;
  height:2px;
  background:var(--wia-accent);
}

/* --- 2. Titres a deux voix ----------------------------------- */
.wia-entry h2 em,
.wia-entry h3 em{color:var(--wia-accent);font-style:italic;}

/* --- 3. Bandeaux pleine largeur ------------------------------ */
.wia-entry .wia-band{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:clamp(2.5rem,5vw,4.5rem) max(24px,calc(50vw - 566px));
  box-sizing:border-box;
}
.wia-entry .wia-band-alt{background:var(--wia-surface);}
.wia-entry .wia-band-accent{background:var(--wia-accent);}
.wia-entry .wia-band-accent h2,
.wia-entry .wia-band-accent h3,
.wia-entry .wia-band-accent p,
.wia-entry .wia-band-accent li{color:var(--wia-dark);}
.wia-entry .wia-band-accent h2 em,
.wia-entry .wia-band-accent h3 em{color:var(--wia-dark);opacity:.65;}
.wia-entry .wia-band-accent p.wia-eyebrow{color:var(--wia-dark);}
.wia-entry .wia-band-accent p.wia-eyebrow::before{background:var(--wia-dark);}
.wia-entry .wia-band-accent .wp-block-button__link{background:var(--wia-dark);color:var(--wia-ink);}
.wia-entry .wia-band-accent .is-style-outline .wp-block-button__link{
  background:transparent;color:var(--wia-dark);border-color:rgba(11,11,12,.45);
}
.wia-entry .wia-band > *:first-child{margin-top:0;}
.wia-entry .wia-band > *:last-child{margin-bottom:0;}

/* --- 4. Cartes ----------------------------------------------- */
.wia-entry .wia-cards .wp-block-column{
  border:1px solid var(--wia-line);
  border-radius:14px;
  padding:1.7rem 1.5rem;
  background:var(--wia-surface-2);
  transition:border-color .2s ease,transform .2s ease;
}
.wia-entry .wia-cards .wp-block-column:hover{
  border-color:var(--wia-accent);
  transform:translateY(-2px);
}
.wia-entry .wia-cards .wp-block-column > *:first-child{margin-top:0;}
.wia-entry .wia-cards .wp-block-column > *:last-child{margin-bottom:0;}
.wia-entry .wia-cards ul{padding-left:1.1rem;}
.wia-entry .wia-cards li{margin-bottom:.35rem;}
.wia-entry .wia-band-alt .wia-cards .wp-block-column{background:#0f0f0f;}

/* --- 5. Rangee de reperes ------------------------------------ */
.wia-entry .wia-facts .wp-block-column{
  border-top:2px solid var(--wia-accent);
  padding-top:1rem;
}
.wia-entry .wia-facts strong{display:block;margin-bottom:.35rem;}

/* --- 6. Encart de relance ------------------------------------ */
.wia-entry .wia-callout{
  border:1px solid var(--wia-line);
  border-left:3px solid var(--wia-accent);
  border-radius:12px;
  padding:1.6rem;
  background:var(--wia-surface-2);
}
.wia-entry .wia-callout > *:first-child{margin-top:0;}
.wia-entry .wia-callout > *:last-child{margin-bottom:0;}

/* --- 7. Tableau ---------------------------------------------- */
.wia-entry .wp-block-table th{border-bottom:2px solid var(--wia-accent);}

/* --- 8. Mobile ----------------------------------------------- */
@media (max-width:781px){
  .wia-entry .wia-band{padding-left:20px;padding-right:20px;}
  .wia-entry .wia-cards .wp-block-column{padding:1.3rem 1.2rem;}
}

/* --- 9. Ajustements ------------------------------------------ */
.wia-entry .wia-facts{margin-top:2.2rem;}
.wia-entry .wia-cards p,
.wia-entry .wia-cards li,
.wia-entry .wia-callout p{text-align:left;hyphens:none;}
.wia-entry .wia-band + p.wia-eyebrow{margin-top:clamp(2.5rem,5vw,4rem);}
.wia-entry .wia-callout{margin-top:2rem;}


/* --- 10. Trame generique, toutes les pages -------------------- */
.wia-entry > h2.wp-block-heading{
  margin-top:clamp(2.6rem,5vw,3.6rem);
  padding-top:1.35rem;
  position:relative;
}
.wia-entry > h2.wp-block-heading::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:30px;
  height:2px;
  background:var(--wia-accent);
}
.wia-entry > p.wia-eyebrow + h2.wp-block-heading{padding-top:0;margin-top:0;}
.wia-entry > p.wia-eyebrow + h2.wp-block-heading::before{content:none;}
.wia-entry > .wp-block-separator + h2.wp-block-heading{margin-top:0;}
.wia-entry ul.wp-block-list li::marker{color:var(--wia-accent);}
.wia-entry > h3.wp-block-heading{margin-top:2rem;}


/* --- 11. Grille de cartes : trois par rangee ------------------ */
@media (min-width:782px){
  .wia-entry .wia-cards{flex-wrap:wrap!important;row-gap:24px;}
  .wia-entry .wia-cards > .wp-block-column{flex-basis:calc(33.333% - 16px);flex-grow:0;}
}
@media (min-width:600px) and (max-width:781px){
  .wia-entry .wia-cards{flex-wrap:wrap!important;row-gap:20px;}
  .wia-entry .wia-cards > .wp-block-column{flex-basis:calc(50% - 12px);flex-grow:0;}
}


/* --- 12. Marges verticales ----------------------------------- */
.wia-entry .wia-band{
  margin-top:clamp(2.6rem,5vw,4rem);
  margin-bottom:clamp(2.6rem,5vw,4rem);
}
.wia-entry .wia-callout{
  margin-top:clamp(2rem,4vw,2.8rem);
  margin-bottom:clamp(2rem,4vw,2.8rem);
}
.wia-entry p.wia-eyebrow{margin-top:clamp(2.6rem,5vw,3.6rem);}
.wia-entry > p.wia-eyebrow:first-child,
.wia-entry .wia-band > p.wia-eyebrow:first-child,
.wia-entry .wia-callout > p.wia-eyebrow:first-child{margin-top:0;}
.wia-entry .wp-block-separator + p.wia-eyebrow{margin-top:0;}
.wia-entry .wia-cards{margin-top:1.6rem;margin-bottom:1.6rem;}
.wia-entry .wia-facts{margin-bottom:1.6rem;}


/* --- 13. En-tete anime des pages piliers ---------------------- */
.wia-entry .wia-pagehead{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:0;
  margin-bottom:clamp(2.6rem,5vw,4rem);
  padding:clamp(1.6rem,3vw,2.6rem) max(24px,calc(50vw - 566px));
  background:var(--wia-surface);
  border-top:2px solid var(--wia-accent);
  border-bottom:2px solid var(--wia-accent);
  align-items:center;
  overflow:hidden;
}
.wia-entry .wia-pagehead > .wp-block-column:first-child{overflow:hidden;}
/*
 * `:not(.et-svg *)` : ce bandeau a été dessiné pour des icônes au trait.
 * Ces deux règles effacent les remplissages et recadrent de -25 % en haut,
 * -20,5 % en bas — voulu pour un filaire, destructeur pour une
 * illustration pleine. Les dessins posés par [et_svg] en sont donc exclus,
 * et gardent leurs couleurs, leur cadrage et leur animation.
 */
.wia-entry .wia-pagehead svg:not(.et-svg *){
  display:block;
  width:100%;
  height:auto;
  margin:-25% 0 -20.5%;
}
.wia-entry .wia-pagehead svg:not(.et-svg *) *{
  fill:none;
  stroke:var(--wia-accent);
  stroke-width:1.6px;
  vector-effect:non-scaling-stroke;
}
.wia-entry .wia-pagehead p{margin-top:0;margin-bottom:0;}
@media (max-width:781px){
  .wia-entry .wia-pagehead > .wp-block-column:first-child{max-width:200px;margin-left:auto;margin-right:auto;}
}

/* L'en-tete se colle au bandeau de titre du theme */
.wia-section:has(> .wia-wrap > .wia-entry > .wia-pagehead:first-child){padding-top:0;}