/*
 * LeCatho AST 4.30.195
 * Accueil éditorial : grille 3 colonnes, visuels 16:9 et cartes modernisées.
 */

:root{
  --lca-v195-red:var(--lca-site-accent,#e30613);
  --lca-v195-ink:#07111f;
  --lca-v195-muted:#667085;
  --lca-v195-line:#e7eaf0;
  --lca-v195-shadow:0 16px 38px rgba(7,17,31,.07);
  --lca-v195-shadow-hover:0 24px 52px rgba(7,17,31,.13);
}

/* Une page d'accueil plus nette, aérée et cohérente. */
html body .lca-home-v9 .lca-flow-grid{
  gap:clamp(22px,2.2vw,34px)!important;
}

html body .lca-home-v9 .lca-v186-editorial-module,
html body .lca-home-v9 .lca-v186-video-module,
html body .lca-home-v9 .lca-v186-forum-home{
  position:relative!important;
  padding:clamp(24px,2.6vw,38px)!important;
  border:1px solid color-mix(in srgb,var(--lca-v195-red) 11%,var(--lca-v195-line))!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(7,17,31,.065)!important;
  overflow:hidden!important;
}

html body .lca-home-v9 .lca-v186-editorial-module:before,
html body .lca-home-v9 .lca-v186-video-module:before,
html body .lca-home-v9 .lca-v186-forum-home:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0 0 auto!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--lca-v195-red) 0 92px,transparent 92px)!important;
  pointer-events:none!important;
}

html body .lca-home-v9 .lca-v186-section-head{
  position:relative!important;
  z-index:2!important;
  align-items:flex-end!important;
  margin-bottom:clamp(22px,2.2vw,30px)!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--lca-v195-line)!important;
}

html body .lca-home-v9 .lca-v186-section-head span{
  margin-bottom:9px!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
}

html body .lca-home-v9 .lca-v186-section-head h2{
  max-width:900px!important;
  font-size:clamp(27px,2.45vw,40px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

html body .lca-home-v9 .lca-v186-section-head>a{
  min-height:46px!important;
  padding:0 20px!important;
  border:1px solid var(--lca-v195-red)!important;
  border-radius:13px!important;
  background:var(--lca-v195-red)!important;
  color:#fff!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--lca-v195-red) 20%,transparent)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

html body .lca-home-v9 .lca-v186-section-head>a:hover{
  transform:translateY(-2px)!important;
  filter:brightness(.94)!important;
  box-shadow:0 14px 28px color-mix(in srgb,var(--lca-v195-red) 27%,transparent)!important;
}

/* Trois articles par ligne sur ordinateur. */
html body .lca-home-v9 .lca-v186-article-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(20px,1.8vw,28px)!important;
}

html body .lca-home-v9 .lca-v186-article-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  border:1px solid var(--lca-v195-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--lca-v195-shadow)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

html body .lca-home-v9 .lca-v186-article-card:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:0 auto auto 0!important;
  width:72px!important;
  height:4px!important;
  background:var(--lca-v195-red)!important;
  pointer-events:none!important;
}

html body .lca-home-v9 .lca-v186-article-card:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--lca-v195-red) 35%,var(--lca-v195-line))!important;
  box-shadow:var(--lca-v195-shadow-hover)!important;
}

/* L'image occupe toute la largeur de la carte, dans son format 16:9 natif. */
html body .lca-home-v9 .lca-v186-card-image{
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border:0!important;
  border-radius:0!important;
  background:#eef1f4!important;
  overflow:hidden!important;
}

html body .lca-home-v9 .lca-v186-card-image:after{
  height:22%!important;
  background:linear-gradient(transparent,rgba(7,17,31,.12))!important;
}

html body .lca-home-v9 .lca-v186-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

html body .lca-home-v9 .lca-v186-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:20px 20px 17px!important;
}

html body .lca-home-v9 .lca-v186-card-kicker{
  margin-bottom:10px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}

html body .lca-home-v9 .lca-v186-card-body h3{
  display:-webkit-box!important;
  min-height:3.6em!important;
  overflow:hidden!important;
  color:var(--lca-v195-ink)!important;
  font-size:clamp(18px,1.35vw,22px)!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}

html body .lca-home-v9 .lca-v186-card-body footer{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid #f0f2f5!important;
  color:var(--lca-v195-muted)!important;
  font-size:10px!important;
}

/* Les vidéos et le forum reprennent la même finition visuelle. */
html body .lca-home-v9 .lca-v186-video-card{
  border-color:var(--lca-v195-line)!important;
  border-radius:19px!important;
  box-shadow:var(--lca-v195-shadow)!important;
}

html body .lca-home-v9 .lca-v186-video-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--lca-v195-shadow-hover)!important;
}

html body .lca-home-v9 .lca-v186-video-card>div{
  padding:17px 18px 19px!important;
}

html body .lca-home-v9 .lca-v186-video-card h3{
  font-size:17px!important;
  line-height:1.25!important;
}

@media (max-width:1080px){
  html body .lca-home-v9 .lca-v186-article-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html body .lca-home-v9 .lca-v186-card-body h3{
    font-size:19px!important;
  }
}

@media (max-width:700px){
  html body .lca-home-v9 .lca-flow-grid{
    gap:18px!important;
  }

  html body .lca-home-v9 .lca-v186-editorial-module,
  html body .lca-home-v9 .lca-v186-video-module,
  html body .lca-home-v9 .lca-v186-forum-home{
    padding:20px!important;
    border-radius:20px!important;
  }

  html body .lca-home-v9 .lca-v186-section-head{
    display:grid!important;
    align-items:start!important;
    gap:14px!important;
    padding-bottom:16px!important;
  }

  html body .lca-home-v9 .lca-v186-section-head h2{
    font-size:clamp(25px,8vw,32px)!important;
  }

  html body .lca-home-v9 .lca-v186-section-head>a{
    width:100%!important;
    box-sizing:border-box!important;
  }

  html body .lca-home-v9 .lca-v186-article-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }

  html body .lca-home-v9 .lca-v186-article-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border-radius:18px!important;
  }

  html body .lca-home-v9 .lca-v186-card-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }

  html body .lca-home-v9 .lca-v186-card-body{
    padding:17px 17px 15px!important;
  }

  html body .lca-home-v9 .lca-v186-card-body h3{
    min-height:0!important;
    font-size:18px!important;
    -webkit-line-clamp:3!important;
  }
}

@media (max-width:420px){
  html body .lca-home-v9 .lca-v186-editorial-module,
  html body .lca-home-v9 .lca-v186-video-module,
  html body .lca-home-v9 .lca-v186-forum-home{
    padding:16px!important;
    border-radius:18px!important;
  }

  html body .lca-home-v9 .lca-v186-article-grid{
    gap:15px!important;
  }

  html body .lca-home-v9 .lca-v186-card-body h3{
    font-size:17px!important;
  }
}