/*
 * LeCatho Native 5.5.12.36 — couche d'unification finale du portail années 2000.
 *
 * Buts :
 *  1. Mêmes dimensions de colonne latérale sur TOUTES les pages (accueil, article,
 *     page, catégorie/archive, recherche, ressources) : gabarit intérieur 1188 px
 *     commun, grille 69/31 sans plancher dur, mêmes vignettes et mêmes boutons.
 *  2. Un seul ruban vert et un seul ruban rouge pour tous les bandeaux du site.
 *  3. Renforcement du caractère années 2000 (trame de fond, liens visités violets,
 *     tableaux et filets en relief, flèches de titres, chevrons de pied de page)
 *     sans retirer aucune modernité : sticky, responsive, prefers-reduced-motion,
 *     srcset et accessibilité restent intacts.
 *
 * Cette feuille est chargée en DERNIER (après v35) : elle ne supprime rien,
 * elle arbitre et harmonise.
 */

:root{
  /* Un seul ruban vert partout (valeur finale, reprise de v33/v34). */
  --lc2k-gloss:linear-gradient(180deg,#69a989 0%,#438669 46%,#20583f 50%,#1c5139 100%);
  --lc2k-v32-ribbon:linear-gradient(180deg,#69a989 0%,#438669 46%,#20583f 50%,#1c5139 100%);
  --lc2k-v33-ribbon:linear-gradient(180deg,#69a989 0%,#438669 46%,#20583f 50%,#1c5139 100%);
  --lc34-ribbon:linear-gradient(180deg,#69a989 0%,#438669 46%,#20583f 50%,#1c5139 100%);
  /* Un seul relief de bouton partout. */
  --lc2k-v32-button:var(--lc2k-button);
  --lc36-line:#b6cdbb;
}

/* ------------------------------------------------------------------
   1. Le même gabarit et la même colonne latérale partout
   ------------------------------------------------------------------ */

/* Dès 1200 px : grille 69/31 identique sur les cinq contextes, sans plancher
   dur sur la colonne fractionnaire (les minmax(310/330px) historiques
   risquaient un débordement si un module élargissait la page). */
@media(min-width:1200px){
  html body:not(.wp-admin) :is(.lc2k-layout,.lca-article-layout,.lca-archive-layout,.lc-resource-layout,.lc-reader-layout){
    display:grid!important;
    grid-template-columns:minmax(0,69fr) minmax(0,31fr)!important;
    gap:14px!important;align-items:start!important;width:100%!important;
  }
  /* L'accueil reprend le gabarit intérieur des autres pages : 1220 px de
     portail, 16 px de marge interne, soit exactement 1188 px de contenu.
     La colonne latérale fait donc 368 px comme sur les articles. */
  html body:not(.wp-admin) .lc2k-page>.lc2k-layout{
    box-sizing:border-box!important;max-width:1220px!important;
    margin-inline:auto!important;padding-inline:16px!important;
  }
}

/* Ressources et lecteur Bible/Catéchisme : même portail de 1220 px que le
   reste du site, au lieu d'hériter de la variable de largeur du réglage. */
@media(min-width:901px){
  html body:not(.wp-admin) :is(.lc-resource-page,.lc-reader-page) .lc-resource-shell{
    box-sizing:border-box!important;width:100%!important;max-width:1220px!important;
    margin-inline:auto!important;padding-inline:16px!important;
  }
}

/* Pile latérale : écart de 12 px réaffirmé, et aucune marge fantôme sous la
   dernière carte, sur les cinq contextes (accueil inclus). */
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lc-sidebar-stack{
  display:flex!important;flex-direction:column!important;gap:12px!important;
  align-items:stretch!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lc-sidebar-stack>.lca-v208-side-card:last-child,
html body .lc2k-aside>.lca-v208-side-card:last-child{
  margin-bottom:0!important;
}

/* Boutons de soutien (PayPal / Tipeee) : exactement le même couple de boutons
   sur l'accueil, les articles, les pages, les archives et les ressources.
   Valeurs de référence : celles validées sur l'accueil (v31). */
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;padding:7px 10px 12px!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;min-width:0!important;min-height:80px!important;padding:8px 4px!important;
  border:3px outset #ddeade!important;border-radius:7px!important;background:var(--lc2k-button)!important;
  color:#193a27!important;-webkit-text-fill-color:#193a27!important;text-align:center!important;text-decoration:none!important;
  box-shadow:inset 0 2px #fff,2px 3px 0 #aabbac!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a.is-paypal{
  background:linear-gradient(#fff,#d5e4f6 49%,#b4cce6 52%,#dfeafa)!important;color:#075080!important;-webkit-text-fill-color:#075080!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a.is-tipeee{
  background:linear-gradient(#fff9d7,#ffe6a4 49%,#f3cb75 52%,#ffe8a8)!important;color:#78520f!important;-webkit-text-fill-color:#78520f!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a :is(b,span){
  color:inherit!important;-webkit-text-fill-color:inherit!important;text-shadow:none!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a b{
  font:900 21px/1 Tahoma,Arial,sans-serif!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-actions a span{
  display:block!important;font:700 10px/1.25 Tahoma,Arial,sans-serif!important;
}
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-support-card>p{
  padding:0 9px!important;text-align:center!important;color:#3c5746!important;
}

/* Vignettes « Derniers articles » : mêmes 100x86 sur les cinq contextes en
   bureau, et mêmes 88x76 dès 760 px (l'accueil gardait 100 px plus longtemps). */
@media(max-width:760px){
  html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lc-native-side-list>a{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lc-native-side-list>a img{
    width:88px!important;min-width:88px!important;height:76px!important;
  }
}

/* Correctif hérité : dans les archives, la grande carte à la une combinait
   min-height + aspect-ratio + height:100% ; la boîte d'image se recalculait
   plus large que sa colonne de grille et recouvrait le titre sur tablette.
   La largeur est désormais bornée par la colonne, la photo reste en cover. */
html body .lca-archive-card.lca-archive-featured .lca-archive-img,
html body .lca-archive-card.lca-archive-featured-wide .lca-archive-img{
  width:100%!important;max-width:100%!important;
}
html body .lca-archive-card.lca-archive-featured .lca-archive-img img,
html body .lca-archive-card.lca-archive-featured-wide .lca-archive-img img{
  width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;
}

/* Le bandeau « Les plus lus » : un seul ruban rouge, partout. */
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-popular .lca-v208-side-head{
  background:linear-gradient(180deg,#ed7b72 0%,#d2382e 47%,#87130e 51%,#ae221b 100%)!important;
  border-bottom-color:#7d120d!important;
}

/* ------------------------------------------------------------------
   2. Renforcement du caractère années 2000
   ------------------------------------------------------------------ */

/* Fond de page : trame de lignes très discrète posée sur le dégradé radial,
   comme les portails à motif des années 2000. */
html{
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px),
    radial-gradient(circle at 15% 5%,#b7cebd 0%,#93b3a0 25%,#769b87 65%,#648472 100%)!important;
  background-attachment:fixed!important;
}

/* Liens déjà visités en violet historique, uniquement dans la lecture
   (fil d'actualité et corps d'article). Le survol reste vert LeCatho. */
body .lc2k-chronology .lc-newsroom-story h3 a:visited,
body .lca-article-body a:visited{
  color:#551a8b!important;-webkit-text-fill-color:#551a8b!important;
  text-decoration-color:#9a7fc0!important;
}
body .lc2k-chronology .lc-newsroom-story h3 a:hover,
body .lc2k-chronology .lc-newsroom-story h3 a:focus-visible{
  color:#245c3d!important;-webkit-text-fill-color:#245c3d!important;text-decoration-color:#406452!important;
}
html body .lca-article-body a:hover,
html body .lca-article-body a:focus-visible{
  color:#245c3d!important;-webkit-text-fill-color:#245c3d!important;
}

/* Flèche rétro devant les titres des cartes latérales (toutes les sidebars). */
html body :is(.lc2k-aside,.lca-article-sidebar,.lca-v208-archive-sidebar,.lc-resource-sidebar,.lc-route-sidebar) .lca-v208-side-head h3::before{
  content:"► "!important;font-size:10px!important;line-height:1!important;
  vertical-align:1px!important;margin-right:2px!important;text-shadow:none!important;
}

/* Tableaux du corps d'article : cadre en relief et en-tête vert brillant,
   comme les tableaux HTML des sites de l'époque. */
html body .lca-article-body table{
  border:2px outset #cbded1!important;background:#fff!important;
}
html body .lca-article-body th,
html body .lca-article-body td{
  border:1px solid #a9bfae!important;padding:6px 9px!important;
}
html body .lca-article-body th{
  background:var(--lc2k-gloss)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:1px 1px 1px #103524!important;
  font:800 13px/1.3 Tahoma,Verdana,Arial,sans-serif!important;text-align:left!important;
}
html body .lca-article-body tr:nth-child(even) td{background:#f2f7f3!important}

/* Filets horizontaux en relief. */
html body .lca-article-body hr{
  border:0!important;height:2px!important;margin:20px 0!important;
  background:linear-gradient(#fff,#cfe0d4 49%,#8fa89a 51%,#dcebe0)!important;
}

/* Chevrons devant les liens du pied de page. */
body .lc-2000-footer .lca-footer-nav a::before{
  content:"» "!important;display:inline-block!important;margin-right:2px!important;
  color:#bfe3c9!important;text-decoration:none!important;
}

/* Liens de la barre utilitaire : soulignement pointillé au survol. */
body .lc-retro-utility a:hover{text-decoration:underline dotted!important}

/* Respect du mouvement réduit : rien ne bouge en plus. */
@media(prefers-reduced-motion:reduce){
  html{background-attachment:scroll!important}
}