/* ASLANE — cinq tuiles de services (« Qui sommes-nous ? ») et icônes du menu Nos Services — 04/11/2026
   Enfilé par mu-plugins/aslane-tuiles-services-20261104.php. Les préfixes « html body » battent les !important du thème.
   Retour arrière : supprimer le plugin. */

html body .aslane-tuiles-liste{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0}
html body .aslane-tuile{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 16px;gap:16px;align-items:center;box-sizing:border-box;min-width:0;
  padding:11px 18px;background:#F7F8FA;border:1px solid #E3E5EA;border-radius:12px;color:#151B2E;font-family:'Inter','Segoe UI',sans-serif;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
html body .aslane-tuile:hover,html body .aslane-tuile:focus-within{border-color:#D91E25;background:#fff;box-shadow:0 8px 22px rgba(17,24,39,.07)}
/* le lien du titre est étiré sur toute la tuile ; le second lien (dans le texte) passe au-dessus */
html body a.aslane-tuile-lien{color:inherit!important;text-decoration:none!important}
html body a.aslane-tuile-lien::after{content:"";position:absolute;inset:0;border-radius:12px}
html body a.aslane-tuile-lien:focus-visible{outline:none}
html body a.aslane-tuile-lien:focus-visible::after{outline:2px solid #151B2E;outline-offset:3px}
html body .aslane-tuile-corps p a{position:relative;z-index:2;color:#151B2E!important;font-weight:400!important;text-decoration:underline!important;text-decoration-color:#D91E25;text-decoration-thickness:2px;text-underline-offset:3px}
html body .aslane-tuile-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;flex:none}
html body .aslane-tuile-corps{min-width:0}
html body .aslane-tuile-corps h3{margin:0 0 3px!important;padding:0;font-family:'Inter','Segoe UI',sans-serif!important;font-size:15.5px!important;line-height:1.25!important;font-weight:800!important;color:#151B2E!important;text-transform:none;letter-spacing:0}
html body .aslane-tuile-cat{font-weight:600;color:#6B7280}
html body .aslane-tuile-corps p{margin:0!important;font-family:'Inter','Segoe UI',sans-serif!important;font-size:13px!important;line-height:1.45!important;color:#4B5563!important}
html body .aslane-tuile-fleche{justify-self:end;color:#9CA3AF;transition:color .15s ease}
html body .aslane-tuile:hover .aslane-tuile-fleche,html body .aslane-tuile:focus-within .aslane-tuile-fleche{color:#D91E25}

/* Menu Nos Services : pictogrammes un peu plus nets */
html body .mega-link .mega-link-icon.aslane-menu-v2{flex:0 0 36px;width:36px;height:36px;border-radius:10px}
html body .mega-link-icon.aslane-menu-v2 svg{display:block}

/* Rangée de boutons centrée sous toute la section (texte + tuiles) */
html body .aslane-cta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:38px 0 0;width:100%}
html body a.aslane-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;height:56px;padding:0 34px;border-radius:10px;
  font-family:'Inter','Segoe UI',sans-serif!important;line-height:1;text-decoration:none!important;white-space:nowrap;color:#fff!important;transition:background .15s ease}
html body a.aslane-cta-rouge{background:#D91E25;font-size:16px;font-weight:700;box-shadow:0 8px 20px rgba(217,30,37,.25)}
html body a.aslane-cta-rouge:hover,html body a.aslane-cta-rouge:focus-visible{background:#B5151B}
html body a.aslane-cta-noir{background:#151B2E;font-size:17px;font-weight:800}
html body a.aslane-cta-noir:hover,html body a.aslane-cta-noir:focus-visible{background:#000}
html body a.aslane-cta-btn:focus-visible{outline:2px solid #151B2E;outline-offset:3px}
@media (max-width:479px){
  html body .aslane-cta-row{flex-direction:column;align-items:stretch}
  html body a.aslane-cta-btn{width:100%;white-space:normal;padding:0 20px}
}