/* ASL Netbussol — styles des sections (couleurs = palette du thème, modifiable dans Apparence › Éditeur › Styles) */
:root{
  --asl-primary:var(--wp--preset--color--primary);
  --asl-deep:var(--wp--preset--color--primary-deep);
  --asl-accent:var(--wp--preset--color--accent);
  --asl-accent-ink:var(--wp--preset--color--accent-ink);
  --asl-line:var(--wp--preset--color--line);
  --asl-muted:var(--wp--preset--color--muted);
  --asl-on-dark:#FFFFFF;
  --asl-on-dark-muted:#C3D8D3;
  --asl-on-dark-line:#4F7F7B;
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wp-site-blocks{padding-top:0;padding-bottom:0}
.wp-site-blocks>*+*{margin-block-start:0}
/* Sections collées les unes aux autres sur les pages Landing (pas de bande claire entre elles) */
.page-template-page-landing .wp-block-post-content>*{margin-block:0}
h1,h2,h3{text-wrap:balance}
a:focus-visible,.wp-element-button:focus-visible{outline:3px solid var(--asl-accent);outline-offset:3px}

/* Bandes pleine largeur */
.asl-band{padding-block:clamp(64px,9vw,104px)}
.asl-dark{background:var(--asl-primary);color:var(--asl-on-dark)}
.asl-dark p:not(.asl-eyebrow){color:var(--asl-on-dark-muted)}
.asl-light{background:#FFFFFF;border-block:1px solid var(--asl-line)}
.asl-eyebrow{font-size:.85rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--asl-accent-ink);margin:0}
.asl-dark .asl-eyebrow,.asl-hero .asl-eyebrow{color:var(--asl-accent)}

/* En-tête */
.asl-header{background:var(--asl-primary);color:var(--asl-on-dark);padding-block:14px}
.asl-header .asl-brand{font-family:var(--wp--preset--font-family--display);font-weight:700;letter-spacing:.06em;font-size:1.2rem;margin:0}
.asl-header .asl-brand a{text-decoration:none;color:var(--asl-on-dark)}
.asl-nav{font-size:1rem;margin:0}
.asl-nav a{color:#D7E7E3;text-decoration:none;margin-right:22px;display:inline-block;padding:10px 0}
.asl-nav a:hover{color:#FFFFFF}
.asl-nav a.asl-lang{border:1px solid var(--asl-on-dark-line);border-radius:4px;padding:6px 10px;font-size:.85rem;letter-spacing:.08em}
.asl-nav a.asl-cta{background:var(--asl-accent);color:var(--asl-primary);border-radius:6px;padding:10px 18px;font-weight:600;margin-right:0}

/* Hero (bloc Couverture avec photo) */
.asl-hero{padding-block:clamp(72px,10vw,120px)!important}
.asl-hero h1{max-width:22ch;color:#FFFFFF}
.asl-hero .asl-lead{font-size:var(--wp--preset--font-size--large);max-width:60ch;color:var(--asl-on-dark-muted)}
.is-style-outline>.wp-block-button__link,.asl-ghost .wp-block-button__link{background:transparent!important;color:#FFFFFF!important;border:1px solid var(--asl-on-dark-line)!important}

/* Bande de confiance */
.asl-facts{padding-block:28px}
.asl-facts .wp-block-column{font-size:1rem;color:var(--asl-muted)}
.asl-facts strong{display:block;color:var(--wp--preset--color--ink);font-size:1.05rem}

/* Deux pôles */
.asl-pillars{gap:28px!important}
.asl-pillar{border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.asl-pillar .wp-block-image{margin:0}
.asl-pillar .wp-block-image img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.asl-pillar-body{padding:36px!important;display:flex;flex-direction:column;gap:16px;flex:1}
.asl-pillar-light{background:#FFFFFF;border:1px solid var(--asl-line)}
.asl-pillar-dark{background:var(--asl-primary);color:#FFFFFF}
.asl-pillar-dark p:not(.asl-eyebrow){color:var(--asl-on-dark-muted)}
.asl-pillar-dark .asl-eyebrow{color:var(--asl-accent)}
.asl-services{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.asl-services li{border-top:1px solid var(--asl-line);padding-top:12px}
.asl-pillar-dark .asl-services li{border-color:#24585A}
.asl-pillar-light .asl-services strong{color:var(--asl-primary)}
.asl-more{margin-top:auto!important;font-weight:600}
.asl-pillar-dark .asl-more a{color:var(--asl-accent)}

/* Méthode */
.asl-steps .wp-block-column{border-top:3px solid var(--asl-primary);padding-top:20px}
.asl-steps .asl-num{font-family:var(--wp--preset--font-family--display);font-weight:700;color:var(--asl-accent-ink);margin:0}
.asl-steps p:not(.asl-num){color:var(--asl-muted)}

/* Contact */
.asl-contact .wp-block-button{width:100%}
.asl-contact .wp-block-button__link{width:100%;font-size:1.15rem}

/* Pied de page */
.asl-footer{background:var(--asl-deep);color:#A5C2BD;font-size:.95rem;padding-block:28px}
.asl-footer a{color:#FFFFFF}
.asl-footer p{margin:0}

/* Pages de texte (mentions légales…) */
.asl-doc h2{font-size:1.3rem;margin-top:2.2rem}
.asl-doc p,.asl-doc li{color:var(--asl-muted)}

@media (max-width:781px){
  .asl-nav a{margin-right:14px}
  .asl-pillar-body{padding:26px!important}
}

/* Formulaire de contact */
.asl-form{display:flex;flex-direction:column;gap:14px;width:100%}
.asl-form p{margin:0;display:flex;flex-direction:column;gap:6px}
.asl-form .asl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.asl-form label{font-size:.95rem;font-weight:600;color:#FFFFFF}
.asl-form input[type=text],.asl-form input[type=email],.asl-form select,.asl-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:12px 14px;border-radius:6px;border:1px solid var(--asl-on-dark-line);background:#FFFFFF;color:var(--wp--preset--color--ink);min-height:48px}
.asl-form textarea{resize:vertical;min-height:130px}
.asl-form input:focus,.asl-form select:focus,.asl-form textarea:focus{outline:3px solid var(--asl-accent);outline-offset:1px}
.asl-form .asl-consent{flex-direction:row;align-items:flex-start;gap:10px}
.asl-form .asl-consent input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--asl-accent)}
.asl-form .asl-consent label{font-weight:400;color:var(--asl-on-dark-muted);font-size:.92rem}
.asl-form .asl-consent a{color:#FFFFFF}
.asl-form .asl-submit{align-self:flex-start;border:0;cursor:pointer;min-height:50px}
.asl-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.asl-form-notice{padding:14px 16px;border-radius:6px;font-weight:600;margin:0 0 14px}
.asl-form-notice.is-ok{background:#DDF3E4;color:#14532D}
.asl-form-notice.is-error{background:#FDE2DD;color:#7F1D1D}
.asl-direct a{color:#FFFFFF;font-weight:600}
.asl-contact{align-items:flex-start!important}
.asl-contact>.wp-block-column{align-self:flex-start!important}

/* ===== Pages de service (1.0.6) ===== */
.asl-page-hero{padding-block:clamp(64px,8vw,96px)!important}
.asl-page-hero h1{max-width:24ch;color:#FFFFFF;font-size:clamp(2rem,4.4vw,3.3rem)}
.asl-page-hero .asl-lead{font-size:var(--wp--preset--font-size--large);max-width:62ch;color:var(--asl-on-dark-muted)}
.asl-head{margin-bottom:36px}
.asl-head h2{margin-top:8px}
.asl-cards{gap:22px!important}
.asl-card{background:#FFFFFF;border:1px solid var(--asl-line);border-radius:12px;padding:30px!important;display:flex;flex-direction:column;gap:10px}
.asl-card>*{margin:0!important}
.asl-card h3{color:var(--asl-primary)}
.asl-card p{color:var(--asl-muted)}
.asl-card .asl-services li{font-size:1rem}
.asl-groupe>*+*{margin-top:18px}
.asl-groupe>p{max-width:70ch;color:var(--asl-muted)}
.asl-duo{gap:22px!important}
.asl-duo>.wp-block-column{background:var(--wp--preset--color--paper);border:1px solid var(--asl-line);border-radius:12px;padding:26px!important}
.asl-duo h3{color:var(--asl-primary);margin:0 0 8px}
.asl-duo p{margin:0;color:var(--asl-muted)}
.asl-duo a,.asl-groupe a{color:var(--asl-accent-ink);font-weight:600}
.asl-facts-row{gap:22px!important;border-top:1px solid var(--asl-line);padding-top:22px}
.asl-facts-row p{margin:0;color:var(--asl-muted);font-size:1rem}
.asl-facts-row strong{display:block;font-family:var(--wp--preset--font-family--display);font-size:1.5rem;color:var(--asl-primary)}
.asl-note{font-size:.95rem!important;font-style:italic}
.asl-method h2{margin-bottom:28px}
.asl-join{gap:48px!important;align-items:flex-start!important}
.asl-join>.wp-block-column{align-self:flex-start!important}
.asl-checks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.asl-checks-list li{padding-left:28px;position:relative;color:var(--asl-muted)}
.asl-checks-list li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:7px;border-left:2px solid var(--asl-accent-ink);border-bottom:2px solid var(--asl-accent-ink);transform:rotate(-45deg)}
/* Formulaire sur fond clair */
.asl-form-light label{color:var(--wp--preset--color--ink)}
.asl-form-light input[type=text],.asl-form-light input[type=email],.asl-form-light select,.asl-form-light textarea{border-color:#B9C6C2}
.asl-form-light .asl-consent label{color:var(--asl-muted)}
.asl-form-light .asl-consent a{color:var(--asl-accent-ink)}
.asl-form-hint{font-size:.92rem;color:var(--asl-muted)}
.asl-dark .asl-form-hint{color:var(--asl-on-dark-muted)}

/* ===== Accueil portail (1.0.9) ===== */
.asl-hero .wp-block-buttons{margin-top:8px}
.asl-pillar .asl-services strong{display:inline}
.asl-join .asl-checks-list strong{color:var(--wp--preset--color--ink);display:block}
.asl-band:not(.asl-light):not(.asl-dark) .asl-form-light input[type=text],
.asl-band:not(.asl-light):not(.asl-dark) .asl-form-light input[type=email],
.asl-band:not(.asl-light):not(.asl-dark) .asl-form-light select,
.asl-band:not(.asl-light):not(.asl-dark) .asl-form-light textarea{background:#FFFFFF}

/* ===== Croquis (1.1.0) ===== */
/* Haut de page : fond pétrole uni, croquis « réseau international » posé en bas, derrière le texte */
.asl-hero{padding-bottom:clamp(200px,24vw,360px)!important}
.asl-hero .wp-block-cover__image-background{object-fit:contain!important;object-position:center bottom!important;top:auto!important;bottom:0;height:78%!important;opacity:.55}
.asl-hero .wp-block-cover__background{opacity:1!important;z-index:0!important}
.asl-hero .wp-block-cover__image-background{z-index:1!important}
.asl-hero .wp-block-cover__inner-container{position:relative;z-index:2}
@media (max-width:781px){.asl-hero .wp-block-cover__image-background{height:40%!important;opacity:.45}.asl-hero{padding-bottom:170px!important}}
/* Pôles : les croquis sont sur fond clair, y compris dans la carte sombre */
.asl-pillar .wp-block-image{background:#F3F5F2;border-bottom:1px solid var(--asl-line)}
.asl-pillar .wp-block-image img[src$=".svg"]{object-fit:contain;padding:12px 18px}

/* 1.1.1 — grand écran : croquis plus bas, sous les boutons, sans chevaucher le texte */
@media (min-width:782px){
  .asl-hero{padding-bottom:clamp(300px,27vw,420px)!important}
  .asl-hero .wp-block-cover__image-background{height:clamp(250px,25vw,390px)!important;opacity:.6}
}

/* ===== Principes « L'humain d'abord » (1.2.0) ===== */
.asl-values-grid{gap:18px!important}
.asl-value{background:#FFFFFF;border:1px solid var(--asl-line);border-radius:12px;padding:26px!important;display:flex;flex-direction:column;gap:8px}
.asl-value>*{margin:0!important}
.asl-value h3{font-size:1.1rem;color:var(--asl-primary)}
.asl-value p{color:var(--asl-muted);font-size:1rem}
.asl-value-first{background:var(--asl-primary);border-color:var(--asl-primary)}
.asl-value-first h3{color:var(--asl-accent);font-size:1.3rem}
.asl-value-first p{color:var(--asl-on-dark-muted)}
@media (min-width:1000px){.asl-values-grid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))!important}}