/* ASLANE — cartes Entretien / Installation (gabarit) — 03/11/2026
   Enfilé par mu-plugins/aslane-fix-cartes-forme-20261103.php (accueil + /packs-entretiens/).
   Portée : uniquement les <article class="aslane-service-card aslane-card-v2"> produites par ce plugin.
   Les sélecteurs commencent par html body :is(#installation,#entretien,#types) pour battre les !important
   de inner-pages.css et de custom.css (body.page-id-369 #types …). Retour arrière : supprimer le plugin. */

html body :is(#installation,#entretien,#types) .aslane-service-card.aslane-card-v2{
  background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 1px 3px rgba(17,24,39,.06);
  display:flex;flex-direction:column;align-self:stretch;overflow:hidden;min-width:0}

/* Photo + étiquette noire */
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-img{height:196px;flex:none}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-badge{
  top:14px;left:14px;background:#111!important;color:#fff!important;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;line-height:1.2;border-radius:40px}

/* Corps : zones à hauteur fixe pour que les cartes tombent sur les mêmes lignes */
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body{
  padding:20px 18px 18px;display:flex;flex-direction:column;flex:1;min-width:0}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body h3{
  margin:0!important;padding:0;font-size:inherit!important;line-height:1.3!important;font-weight:400!important;display:block}
html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 a{color:inherit!important;text-decoration:none!important;display:block}
html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 a:focus-visible{outline:2px solid #111;outline-offset:3px;border-radius:4px}
html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .surtitre{
  display:block;height:16px;line-height:16px;font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;color:#6B7280;text-align:left}
html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .titre{
  display:block;margin-top:6px;height:26px;line-height:26px;font-size:20px;font-weight:700;color:#111827;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .precision{
  display:block;margin:0;height:40px;font-size:15px;line-height:20px;font-weight:500;color:#6B7280;
  text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body > p{
  margin:4px 0 0!important;height:147px;flex:none;overflow:hidden;font-family:'Inter','Segoe UI',sans-serif!important;font-size:14px!important;line-height:1.5!important;color:#4B5563!important}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body > p b{font:inherit!important;font-weight:600!important;color:#111827}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body > p a{
  color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* Étiquettes de couleur : 4 teintes d'origine, grille 2 colonnes */
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
  margin:14px 0 0!important;height:60px;flex:none;align-content:start;overflow:visible!important;width:100%}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat{
  display:block;box-sizing:border-box;min-width:0;height:27px;font-family:'Inter','Segoe UI',sans-serif!important;line-height:27px;padding:0 8px!important;
  font-size:10.5px!important;font-weight:700;letter-spacing:-.01em;border-radius:40px;border:0;text-align:center!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat.stat-green{background:#E3F6E8;color:#1F7A3C}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat.stat-blue{background:#E4ECFA;color:#2A4FA2}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat.stat-orange{background:#FFF5D6;color:#8A6A00}
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat.stat-purple{background:#EEE5FA;color:#6A3FA0}

/* Bouton « Découvrir » : même bouton, poussé en bas à droite */
html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-footer{
  margin-top:auto!important;padding-top:16px;display:flex;justify-content:flex-end;flex:none}
html body :is(#installation,#entretien,#types) .aslane-card-v2 a.aslane-btn-card-dark{
  height:42px;box-sizing:border-box;padding:0 20px;font-size:14px;font-weight:700;border-radius:6px;
  background:#111!important;color:#fff!important}
html body :is(#installation,#entretien,#types) .aslane-card-v2 a.aslane-btn-card-dark:hover,
html body :is(#installation,#entretien,#types) .aslane-card-v2 a.aslane-btn-card-dark:focus-visible{background:#D91E25!important;color:#fff!important}

/* Grilles : 4 colonnes, puis 2 sous 1 024 px, 1 sous 640 px */
@media (min-width:1025px){
  html body :is(#entretien,#types) .aslane-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  /* 7 lignes de texte (147 px) : même nombre de lignes dans toutes les cartes d'une rangée */
  html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body > p{height:147px}
  /* carrousel : 3,5 cartes visibles (au lieu de 4,15) pour que les étiquettes tiennent sans être tronquées */
  html body #installation .aslane-install-slider .aslane-service-card.aslane-card-v2{flex:0 0 calc((100% - 3 * 24px) / 3.5)!important}
}
@media (min-width:641px) and (max-width:1024px){
  html body :is(#entretien,#types) .aslane-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #installation .aslane-install-slider .aslane-service-card.aslane-card-v2{flex:0 0 calc((100% - 24px)/2.2)!important}
}
@media (max-width:640px){
  html body :is(#entretien,#types) .aslane-services-grid{grid-template-columns:1fr!important}
  html body #installation .aslane-install-slider .aslane-service-card.aslane-card-v2{flex:0 0 85%!important}
  /* sous 640 px les hauteurs fixes deviennent des min-height : le texte ne se coupe plus */
  html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .surtitre{height:auto;min-height:16px}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .titre{height:auto;min-height:26px;white-space:normal}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 h3 .precision{height:auto;min-height:40px;display:block;overflow:visible}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-body > p{height:auto;min-height:147px;overflow:visible}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-stats{height:auto;min-height:60px}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-card-stat{height:auto;min-height:27px}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 a.aslane-btn-card-dark{height:auto;min-height:42px}
  html body :is(#installation,#entretien,#types) .aslane-card-v2 .aslane-service-card-footer{min-height:58px}
}