/* Thème Mondial de football 2026 — USA / Canada / Mexique (11/06/2026 au 19/07/2026) */

html{ background:url('../images/background-mondial.jpg') top center no-repeat fixed; background-size:cover; background-color:#0a1a33; scrollbar-color:#1c8a4a #0d1f3c; accent-color:#1c8a4a;}

#body{background:url('../images/body_bg_mondial.png') #ecf1ec;}

/* barre du haut aux couleurs des pays hôtes : Mexique / USA / Canada */
.top-bar{background:linear-gradient(90deg,#006847,#00417a 35%,#E2001A);}

/* ballon qui rebondit devant le slogan */
.top-bar .col-12:first-child::before{content:'\26BD'; display:inline-block; margin-right:7px; animation:ball-bounce 1.3s ease-in-out infinite;}
@keyframes ball-bounce{
	0%, 100% { transform:translateY(0) rotate(0deg); }
	50%      { transform:translateY(-5px) rotate(180deg); }
}

/* titres des blocs latéraux : pelouse avec bandes de tonte + ballon + liseré tricolore */
.menu .titre{background:repeating-linear-gradient(90deg,#1c6e3a 0 28px,#18602f 28px 56px); border-bottom:3px solid; border-image:linear-gradient(90deg,#006847 0 33%,#f5f5f5 33% 66%,#E2001A 66% 100%) 1;}
.menu .titre::before{content:'\26BD'; margin-right:7px;}

/* numéros du classement façon ballon (cercle blanc, chiffre noir) */
.last_title_position_number{background:radial-gradient(circle at 32% 28%,#ffffff 0 45%,#d9dde0); color:#151515; border:2px solid #151515; line-height:calc(1.9em - 4px);}

/* chips horaires en vert pelouse */
.ctkoi_time{color:#1c6e3a; background:rgba(28,110,58,.10);}

/* survol du menu principal : carton jaune */
#menu_header li:hover{color:#FFD600;}

/* pagination façon tableau d'affichage : page courante sur pelouse */
.pagination span{background:#1c6e3a;}
.pagination a:hover{color:#FFD600;}

/* dot actif des sliders en vert pelouse */
.home_emissions_slider .owl-dot.active span,
.home_news_slider .owl-dot.active span{background:#1c8a4a !important;}

/* footer : liseré tricolore des pays hôtes */
.site-footer{border-image:linear-gradient(90deg,#006847 0 25%,#f5f5f5 25% 50%,#E2001A 50% 75%,#00417a 75% 100%) 1;}

/* sélection de texte sur pelouse */
::selection{background:#1c8a4a; color:#ffffff;}

/* scrollbar (navigateurs WebKit) */
::-webkit-scrollbar{width:12px; background:#0d1f3c;}
::-webkit-scrollbar-thumb{background:#1c8a4a; border-radius:6px; border:2px solid #0d1f3c;}
::-webkit-scrollbar-thumb:hover{background:#27a35c;}