:root {
  --primary: #e31b1b;
  --secondary:var(--contrast-2);
  --light:var(--base-2);
	--lightest: var(--base-3);
  --medium:var(--contrast-3);
  --dark:var(--contrast-2);
  --darkest:var(--contrast);
}
.related-article:hover {
	color: var(--base-3) !important;
}

.featured-image img {
	width: 100%;
	height: auto;
}

.menu-item-icon {
  width: 22px;
  height: 22px;
  margin-right: .5em;
  fill: currentColor;
  vertical-align: sub;
}

/* Fix: titre de l'article featured en dessous de l'image */
.featured-column .post-image {
  float: none !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.featured-column .post-image img {
  width: 100% !important;
  max-width: 100% !important;
}

/* ============================================
   SIDEBAR - Améliorations esthétiques
   ============================================ */

/* === Widget global : fond blanc, ombre douce, coins arrondis === */
#right-sidebar .widget {
  background: #ffffff;
  border-radius: 10px;
  padding: 0 !important;
  margin-bottom: 24px !important;
  overflow: hidden;
}

/* === Titre des widgets : bandeau rouge élégant === */
#right-sidebar .widget h2.wp-block-heading {
  background: linear-gradient(135deg, #e31b1b 0%, #a81c1c 100%);
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* === Widget INFO Foot 24/24 : conteneur interne === */
#block-57 .gb-container-1f68f766 {
  padding: 0 !important;
}

/* === Article featured (1er article, gros titre) === */
#block-57 .gb-grid-wrapper-0204f194 > .gb-grid-column {
  padding: 14px 16px 10px !important;
  border-bottom: 1px solid #f0f0f0;
}

#block-57 .gb-grid-wrapper-0204f194 > .gb-grid-column a {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  text-align: left !important;
  display: block;
  text-decoration: none;
}

#block-57 .gb-grid-wrapper-0204f194 > .gb-grid-column a:hover {
  color: #e31b1b !important;
}

/* === Articles suivants (liste) : compact et lisible === */
#block-57 .gb-grid-wrapper-ba99a6d9 > .gb-grid-column,
#block-57 [class*="gb-grid-wrapper"]:not(.gb-grid-wrapper-0204f194) > .gb-grid-column {
  padding: 10px 16px !important;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding-left: 22px !important;
}

#block-57 .gb-grid-wrapper-ba99a6d9 > .gb-grid-column::before,
#block-57 [class*="gb-grid-wrapper"]:not(.gb-grid-wrapper-0204f194) > .gb-grid-column::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  background: #e31b1b;
  border-radius: 2px;
}

#block-57 .gb-grid-wrapper-ba99a6d9 > .gb-grid-column a,
#block-57 [class*="gb-grid-wrapper"]:not(.gb-grid-wrapper-0204f194) > .gb-grid-column a {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #2d2d2d !important;
  text-align: left !important;
  display: block;
  text-decoration: none;
}

#block-57 .gb-grid-wrapper-ba99a6d9 > .gb-grid-column a:hover,
#block-57 [class*="gb-grid-wrapper"]:not(.gb-grid-wrapper-0204f194) > .gb-grid-column a:hover {
  color: #e31b1b !important;
}

/* === Dates/heures en rouge : plus petites et discrètes === */
#block-57 .gb-headline-text {
  font-size: 11px !important;
  color: #e31b1b !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  display: block;
}

/* === Widget réseaux sociaux === */
#block-58 {
  text-align: center;
}

#block-58 .gb-container-5450a1d1 {
  padding: 18px 16px !important;
}

#block-58::before {
  content: 'SUIVEZ-NOUS';
  display: block;
  background: linear-gradient(135deg, #e31b1b 0%, #a81c1c 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 12px 18px;
}

#block-58 .wp-social-link {
  border-radius: 50% !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

#block-58 .wp-social-link:hover {
  transform: scale(1.15) !important;
  opacity: 0.85 !important;
}

/* === Widget liens catégories (tag cloud) === */
#block-61 {
  padding: 0 !important;
}

#block-61::before {
  content: 'CATÉGORIES';
  display: block;
  background: linear-gradient(135deg, #e31b1b 0%, #a81c1c 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 12px 18px;
}

#block-61 .wp-block-tag-cloud {
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

#block-61 .wp-block-tag-cloud a {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #2d2d2d !important;
  padding: 6px 10px !important;
  background: #f7f7f7 !important;
  border-radius: 6px !important;
  border-left: 3px solid #e31b1b !important;
  display: block !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
  font-weight: 500 !important;
}

#block-61 .wp-block-tag-cloud a:hover {
  background: #e31b1b !important;
  color: #ffffff !important;
}

/* === Widget "Derniers sujets" === */
#block-72 {
  padding: 0 !important;
}

#block-72::before {
  content: 'DERNIERS SUJETS';
  display: block;
  background: linear-gradient(135deg, #e31b1b 0%, #a81c1c 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 12px 18px;
}

#block-72 p {
  margin: 0 !important;
  padding: 0 16px !important;
}

#block-72 p:first-of-type {
  display: none !important;
}

#block-72 p a {
  display: block !important;
  padding: 9px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2d2d2d !important;
  text-decoration: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: color 0.2s, padding-left 0.2s !important;
}

#block-72 p a:hover {
  color: #e31b1b !important;
  padding-left: 6px !important;
}

#block-72 p:last-child a {
  border-bottom: none !important;
}

/* === Corrections sidebar === */

/* Masquer le titre textuel en rouge dans le premier article featured de la sidebar */
#block-57 .gb-grid-wrapper-0204f194 > .gb-grid-column a {
  color: #1a1a1a !important;
}

/* Masquer "Les dernier sujets :" - texte sans lien */
#block-72 p:not(:has(a)) {
  display: none !important;
}

/* Améliorer le padding interne du widget derniers sujets */
#block-72 p {
  padding: 0 16px !important;
}

/* Réseaux sociaux : padding interne */
#block-58 .gb-container-5450a1d1 {
  padding: 16px !important;
}

/* Catégories : padding interne */
#block-61 .wp-block-tag-cloud {
  padding: 12px 14px !important;
}

/* === Masquer "Les dernier sujets :" dans le widget Derniers sujets === */
#block-72 p:first-of-type {
  display: none !important;
}

/* Style amélioré pour les liens du widget DERNIERS SUJETS */
#block-72 p a {
  display: flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #2d2d2d !important;
  text-decoration: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: color 0.2s, background 0.2s !important;
}

#block-72 p a::before {
  content: '▸';
  color: #e31b1b;
  margin-right: 8px;
  font-size: 10px;
  flex-shrink: 0;
}

#block-72 p a:hover {
  color: #e31b1b !important;
  background: #fdf5f5 !important;
}

#block-72 p:last-child a {
  border-bottom: none !important;
}

/* ======================================================
   SECTION SEO BAS DE HOME - AMÉLIORATION ESTHÉTIQUE
   Compatible SEO : balises h1/h2 préservées, contenu intact
   ====================================================== */

/* Container principal de la section SEO */
.gb-container-da02bffc {
  background: linear-gradient(135deg, #0d1117 0%, #1a1f2e 50%, #0d1117 100%) !important;
  border-radius: 12px !important;
  padding: 48px 40px !important;
  margin: 40px auto !important;
  max-width: 900px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(227, 27, 27, 0.2) !important;
}

/* Effet décoratif - ligne rouge à gauche */
.gb-container-da02bffc::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #e31b1b 0%, #ff6b6b 50%, #e31b1b 100%) !important;
}

/* Effet décoratif - lueur rouge subtile en arrière-plan */
.gb-container-da02bffc::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  right: -10% !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(227, 27, 27, 0.05) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

/* Groupe interne wp-block-group */
.wp-container-core-group-is-layout-8cf370e7 {
  gap: 16px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* H1 SEO - Titre principal */
.gb-container-da02bffc h1.wp-block-heading {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.3px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

/* Icône avant le H1 */
.gb-container-da02bffc h1.wp-block-heading::before {
  content: '⚽ ' !important;
  font-size: 22px !important;
}

/* Paragraphe descriptif */
.gb-container-da02bffc p {
  font-size: 15px !important;
  color: rgba(200, 200, 210, 0.85) !important;
  line-height: 1.7 !important;
  margin: 0 0 8px 0 !important;
  max-width: 700px !important;
}

/* Liens dans le paragraphe */
.gb-container-da02bffc p a {
  color: #ff6b6b !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(227, 27, 27, 0.4) !important;
  transition: all 0.2s ease !important;
}

.gb-container-da02bffc p a:hover {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* H2 SEO - Sous-titre */
.gb-container-da02bffc h2.gb-headline {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ff6b6b !important;
  line-height: 1.4 !important;
  margin: 4px 0 0 0 !important;
  padding: 16px 0 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  letter-spacing: 0.2px !important;
}

/* Icône avant le H2 */
.gb-container-da02bffc h2.gb-headline::before {
  content: '📊 ' !important;
  font-size: 18px !important;
}

/* ======================================================
   FOOTER - AMÉLIORATION ESTHÉTIQUE
   ====================================================== */

/* Footer global */
.site-footer {
  background: #e31b1b !important;
  border-top: 2px solid rgba(227, 27, 27, 0.4) !important;
}

.inside-site-info {
  padding: 32px 20px 24px !important;
}

/* Barre des partenaires et boutons légaux */
.footer-bar {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 20px !important;
}

/* Widget partenaires */
.footer-bar .widget_text p,
.footer-bar .widget_text {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-align: center !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.footer-bar .widget_text a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-weight: 700 !important;
}

.footer-bar .widget_text a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Boutons de navigation footer */
.footer-bar .wp-block-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

.footer-bar .wp-element-button {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  padding: 8px 20px !important;
  border-radius: 25px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.3px !important;
}

.footer-bar .wp-element-button:hover {
  background: #ffffff !important;
  color: #e31b1b !important;
  border-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(227, 27, 27, 0.3) !important;
}

/* Copyright bar */
.copyright-bar {
  text-align: center !important;
  padding-top: 4px !important;
}

.copyright-bar p,
.copyright-bar {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

.copyright-bar strong,
.copyright-bar b {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ============================================================
   CORRECTIONS CLS (Cumulative Layout Shift) - mai 2026
   ============================================================ */

/* 1. Réservation d'espace pour la pub in-article haut (hb-ad-inarticle)
   Empêche le saut de contenu quand la pub se charge */
.hb-ad-inarticle {
  min-height: 280px;
  overflow: hidden;
}
.hb-ad-inarticle .hb-ad-inner {
  min-height: 280px;
}

/* 2. Réservation d'espace pour les blocs publicitaires après les H2
   (divs insérées via GP Hooks contenant "La suite après cette publicité") */
.entry-content > div:not([class]):not([id]) {
  min-height: 340px;
  overflow: hidden;
  contain: layout;
}

/* 3. Stabilisation de l'embed Twitter/X pour éviter le redimensionnement
   L'iframe Twitter change de taille au chargement → CLS majeur */
.wp-block-embed-twitter,
.wp-block-embed.is-provider-twitter {
  min-height: 400px;
  contain: layout;
}
.wp-block-embed-twitter .wp-block-embed__wrapper,
.wp-block-embed.is-provider-twitter .wp-block-embed__wrapper {
  min-height: 400px;
}
.twitter-tweet-rendered {
  min-height: 400px !important;
}

/* 4. Empêcher le redimensionnement des iframes publicitaires
   sans dimensions explicites */
.entry-content iframe:not([width]):not([height]) {
  min-height: 280px;
  display: block;
}

/* 5. Stabiliser le logo du site (déjà 220x80 en attr mais sécurité) */
.site-logo img,
.custom-logo-link img,
.custom-logo {
  width: 220px;
  height: 80px;
  aspect-ratio: 220 / 80;
}

/* 6. Empêcher le contenu de se déplacer autour des images featured
   en définissant un aspect-ratio basé sur la taille connue */
.post-image img,
.featured-image img,
.wp-post-image {
  aspect-ratio: 826 / 533;
  height: auto;
}

/* 7. Stabilisation des images de l'article qui ont width/height en attrs */
.entry-content img[width][height] {
  aspect-ratio: attr(width) / attr(height);
  height: auto;
}

/* 8. Stabiliser le conteneur des classements sidebar */
.ligue1-widget-container,
.classement-widget {
  contain: layout;
}

/* 9. Réduire le CLS des polices (font-display via @font-face override)
   pour dashicons qui n'a pas de font-display défini */
@font-face {
  font-family: 'dashicons';
  font-display: swap;
  src: url('/wp-includes/fonts/dashicons.woff2') format('woff2'),
       url('/wp-includes/fonts/dashicons.woff') format('woff'),
       url('/wp-includes/fonts/dashicons.ttf') format('truetype');
}

/* 10. Open Sans : passer de fallback à swap pour mieux éviter le FOIT */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
}

/* Hide sidebar pub 300x600 on mobile */
@media (max-width: 768px) {
  #block-74 {
    display: none !important;
  }
}

/* =================================================
   FIX 1 : Images des articles rendues cliquables
   Visuel cursor pointer + effet hover sur image
================================================= */
article .post-image,
article .featured-image,
article figure.wp-block-post-featured-image,
article .post-thumbnail,
article img {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
article .post-image:hover img,
article .featured-image:hover img,
article img:hover {
  opacity: 0.88;
}

/* =================================================
   FIX 2 : Reduction de la surpublicite
   - Masquer pub colonne gauche flottante
   - Limiter hauteur pubs en sidebar
   - Masquer pub sticky mobile
================================================= */
.left-side-ad,
.side-ad-left,
.ad-sidebar-left {
  display: none !important;
}

aside .adsbygoogle,
aside ins.adsbygoogle {
  max-height: 300px !important;
  overflow: hidden !important;
}

@media (max-width: 1024px) {
  .ad-bottom-sticky,
  .sticky-ad,
  [id*="sticky-ad"] {
    display: none !important;
  }
}

/* =================================================
   FIX 3 : Images trop lourdes - contraindre taille
   Les images 2000px s'affichent en 357px max
================================================= */
article img,
.post-image img,
.featured-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ==========================================================
   Titres des listings : absorbe le line-height 1.2em que le
   theme applique aux h2, pour le jour ou la balise passe de
   p a h2 (PR generateperf/inc/functions-seo.php)
   ========================================================== */
.blog .entry-title,
.archive .entry-title,
.search .entry-title {
  line-height: 1.5;
  color: inherit;
}

/* --- FS7 : fil d'Ariane + tag categorie --- */
.fs7-post-topline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px}
.fs7-breadcrumb{width:100%;font-size:12px;color:#8a8a8a;line-height:1.5}
.fs7-breadcrumb a{color:#8a8a8a;text-decoration:none}
.fs7-breadcrumb a:hover{color:#e31b1b;text-decoration:underline}
.fs7-breadcrumb .fs7-sep,.fs7-breadcrumb .separator{margin:0 6px;opacity:.55}
.fs7-cat-tag{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#e31b1b;text-decoration:none}
.fs7-cat-tag:hover{text-decoration:underline}
.single .entry-header .entry-title{margin-top:4px}

/* --- FS7 : barre de partage haut d'article --- */
.fs7-share-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 20px;padding-bottom:16px;border-bottom:1px solid #ececec}
.fs7-share-label{font-size:13px;color:#777;margin-right:2px}
.fs7-share-top a.fs7-share{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f4f4f4;color:#2b2b2b;text-decoration:none;transition:background .15s,color .15s}
.fs7-share-top a.fs7-share:hover{background:#e31b1b;color:#fff}
.fs7-share-top svg{width:18px;height:18px;fill:currentColor}
.fs7-share-top a.fs7-copy.is-copied{background:#1f9d55;color:#fff}
.fs7-share-top a.fs7-google-source{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}
.fs7-share-top a.fs7-google-source:hover{background:#000;color:#fff}
.fs7-share-top a.fs7-google-source svg{width:16px;height:16px}
@media (max-width:768px){
	.fs7-share-top{gap:8px}
	.fs7-share-top a.fs7-google-source{width:100%;justify-content:center;margin-top:4px}
}

/* FS7 : rendu du fil d'Ariane Rank Math */
.fs7-breadcrumb .rank-math-breadcrumb p{margin:0;font-size:12px}
.fs7-breadcrumb .separator{font-size:0}
.fs7-breadcrumb .separator:after{content:'\203A';font-size:12px;margin:0 6px;opacity:.6}
.fs7-breadcrumb .last{color:#9a9a9a}

/* FS7 : stabilite du fil d'Ariane, une seule ligne */
.fs7-breadcrumb,.fs7-breadcrumb .rank-math-breadcrumb p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fs7-cat-tag{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.single .fs7-post-topline a.fs7-cat-tag{color:#e31b1b}