/* =========================================================
   LSO FUTSAL - CSS GLOBAL COMPLET
   THEME ARGENT
   ========================================================= */
/* =========================================================
   BASE
   ========================================================= */
html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

.lso-home,
.lso-inner-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	color: #101827;
	font-family: Arial, Helvetica, sans-serif;
}

.lso-home *,
.lso-home ::before,
.lso-home ::after,
.lso-inner-page *,
.lso-inner-page ::before,
.lso-inner-page ::after {
	box-sizing: border-box;
}

.lso-home h1,
.lso-home h2,
.lso-home h3,
.lso-home p,
.lso-inner-page h1,
.lso-inner-page h2,
.lso-inner-page h3,
.lso-inner-page p {
	margin-top: 0;
}

/* =========================================================
   WORDPRESS / ARGENT
   ========================================================= */
body .site-footer,
body footer#colophon {
	display: none !important;
}

/* =========================================================
   ACCUEIL - PLEINE LARGEUR
   ========================================================= */
body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.home .lso-home {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* =========================================================
   PAGES INTERNES - PLEINE LARGEUR
   ========================================================= */
body:not(.home) .site-content,
body:not(.home) .content-area,
body:not(.home) .site-main,
body:not(.home) .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body:not(.home) .lso-inner-page {
	position: relative !important;
	left: 50% !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	padding: 0 !important;
}

body:not(.home) .lso-page-hero,
body:not(.home) .lso-page-section {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body:not(.home) .lso-page-content {
	width: min(920px, calc(100% - 40px)) !important;
	max-width: 920px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* =========================================================
   HEADER HOME DESKTOP
   ========================================================= */
@media screen and (min-width: 901px) {
	body.home .site-header,
			  body.home #masthead {
		display: none !important;
	}
	
	body.home .lso-custom-header {
		display: block !important;
	}
}

/* =========================================================
   HEADER HOME MOBILE
   ========================================================= */
@media screen and (max-width: 900px) {
	body.home .site-header,
			  body.home #masthead {
		display: block !important;
	}
	
	body.home .lso-custom-header {
		display: none !important;
	}
	
	body.home .site-branding {
		display: none !important;
	}
}

/* =========================================================
   PAGES INTERNES - BANNIERE ARGENT
   ========================================================= */
body:not(.home) .site-branding {
	display: none !important;
}

/* =========================================================
   HEADER PERSONNALISE HOME
   ========================================================= */
.lso-custom-header {
	width: 100%;
	background: #07112F !important;
	position: sticky;
	top: 0;
	z-index: 99999;
}

body.admin-bar .lso-custom-header {
	top: 32px;
}

.lso-custom-header-inner {
	width: min(1180px, calc(100% - 40px));
	min-height: 72px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
}

.lso-header-brand,
.lso-header-brand:link,
.lso-header-brand:visited {
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
}

.lso-header-brand:hover,
.lso-header-brand:focus {
	color: #E4AD00 !important;
}

.lso-header-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px 20px;
}

.lso-header-nav a,
.lso-header-nav a:link,
.lso-header-nav a:visited {
	display: inline-block !important;
	padding: 10px 2px !important;
	background: transparent !important;
	border: 0 !important;
	text-decoration: none !important;
}

.lso-nav-text {
	color: #FFFFFF !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.lso-header-nav a:hover .lso-nav-text,
.lso-header-nav a:focus .lso-nav-text {
	color: #E4AD00 !important;
}

/* =========================================================
   BOUTONS
   ========================================================= */
.lso-actions,
.lso-page-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.lso-page-actions {
	margin-top: 35px;
}

.lso-btn,
.lso-btn:link,
.lso-btn:visited {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 999px;
	border: 0 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.lso-btn-gold,
.lso-btn-gold:link,
.lso-btn-gold:visited {
	background: #E4AD00 !important;
	color: #07112F !important;
}

.lso-btn-light,
.lso-btn-light:link,
.lso-btn-light:visited {
	background: #FFFFFF !important;
	color: #07112F !important;
}

.lso-btn-navy,
.lso-btn-navy:link,
.lso-btn-navy:visited {
	background: #07112F !important;
	color: #FFFFFF !important;
}

/* =========================================================
   ACCUEIL - SECTIONS
   ========================================================= */
.lso-section {
	padding: 70px 20px;
	text-align: center;
}

.lso-home h2 {
	color: #07112F !important;
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
}

.lso-kicker {
	color: #E4AD00 !important;
	text-align: center;
	font-size: 18px;
	margin: -10px 0 35px;
}

/* =========================================================
   HOME HERO
   ========================================================= */
.lso-hero {
	width: 100%;
	min-height: 560px;
	background: linear-gradient(rgba(7,17,47,.72),
      rgba(7,17,47,.78)), url('https://lsofutsal.fr/wp-content/uploads/2025/07/img-20250417-wa0018.jpg');
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lso-hero-overlay {
	width: min(1180px,100%);
	padding: 60px 30px;
	text-align: center;
}

.lso-hero h1 {
	color: #FFFFFF !important;
	font-size: clamp(36px,5vw,60px);
	line-height: 1.05;
	margin-bottom: 20px;
}

.lso-hero p {
	color: #FFFFFF !important;
	font-size: 19px;
	margin-bottom: 35px;
}

/* =========================================================
   STATS
   ========================================================= */
.lso-stats {
	max-width: 760px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px 20px;
}

.lso-stats div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.lso-stats strong {
	color: #07112F !important;
	font-size: 26px;
}

.lso-stats span {
	color: #101827 !important;
	font-size: 17px;
}

/* =========================================================
   SEMAINE
   ========================================================= */
.lso-panel {
	background: #07112F !important;
	color: #FFFFFF !important;
	margin: 0 auto;
	padding: 30px;
}

.lso-week {
	max-width: 900px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
}

.lso-week h3 {
	color: #FFFFFF !important;
}

/* =========================================================
   HOME EQUIPES
   ========================================================= */
.lso-team-grid {
	width: min(690px,100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
}

.lso-team-card {
	aspect-ratio: 1/1;
	background: linear-gradient(rgba(7,17,47,.58),
      rgba(7,17,47,.72)), url('https://lsofutsal.fr/wp-content/uploads/2025/09/3.png');
	background-size: cover;
	background-position: center;
	border-radius: 18px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
}

.lso-team-card span {
	color: #FFFFFF !important;
	font-size: clamp(20px,3vw,34px) !important;
	font-weight: 800 !important;
}

/* =========================================================
   ESPRIT LSO
   ========================================================= */
.lso-values {
	width: min(700px,100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
}

.lso-value-card {
	min-height: 190px;
	padding: 28px 18px;
	background: #07112F !important;
}

.lso-value-card h3,
.lso-value-card p {
	color: #FFFFFF !important;
}

/* =========================================================
   NEWS
   ========================================================= */
.lso-news-card {
	width: min(600px,100%) !important;
	margin: 0 auto !important;
}

.lso-news-image {
	width: 100%;
	aspect-ratio: 16/9;
	background: #07112F url('https://lsofutsal.fr/wp-content/uploads/2026/08/screenshot-2026-08-10-09.54.20.png') center/cover no-repeat;
	margin-bottom: 24px;
}

/* =========================================================
   EVENEMENTS
   ========================================================= */
.lso-events {
	width: min(600px,100%);
	margin: 0 auto;
	padding: 30px;
}

.lso-events h3,
.lso-events strong,
.lso-events p {
	color: #FFFFFF !important;
}

.lso-event-image {
	width: 100%;
	aspect-ratio: 16/9;
	background: #07112F url('https://lsofutsal.fr/wp-content/uploads/2026/08/screenshot-2026-08-10-09.54.20.png') center/cover no-repeat;
}

/* =========================================================
   REJOINDRE
   ========================================================= */
.lso-join-grid {
	width: min(760px,100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 16px;
}

.lso-join-card {
	min-height: 240px;
	padding: 34px 25px;
	background: #07112F !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lso-join-card h3,
.lso-join-card p {
	color: #FFFFFF !important;
}

/* =========================================================
   PARTENAIRES
   ========================================================= */
.lso-partners-grid {
	width: min(820px,100%);
	margin: 0 auto;
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 18px !important;
}

.lso-partner-card {
	width: 100% !important;
	height: 150px !important;
	padding: 22px !important;
	background: #FFFFFF !important;
	border: 1px solid #E5E8EE !important;
	border-radius: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.lso-partner-card img {
	width: auto !important;
	height: auto !important;
	max-width: 195px !important;
	max-height: 100px !important;
	object-fit: contain !important;
}

@media screen and (min-width:901px) {
	.lso-partners-grid .lso-partner-card:nth-last-child(2),
			  .lso-partners-grid .lso-partner-card:last-child {
		transform: translateX(50%);
	}
}

/* =========================================================
   CONTACT
   ========================================================= */
.lso-contact {
	padding: 55px 25px;
	background: #07112F !important;
	text-align: center;
}

.lso-contact h2 {
	color: #FFFFFF !important;
}

/* =========================================================
   PAGES INTERNES
   ========================================================= */
.lso-page-hero {
	width: 100%;
	min-height: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
}

.lso-page-hero-overlay {
	width: min(1000px,calc(100% - 40px));
	margin: 0 auto;
	padding: 55px 20px;
	text-align: center;
}

.lso-page-eyebrow {
	margin: 0 0 12px;
	color: #E4AD00 !important;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1.5px;
}

.lso-page-hero h1 {
	margin: 0 0 16px;
	color: #FFFFFF !important;
	font-size: clamp(46px,6vw,72px);
	font-weight: 900;
}

.lso-page-subtitle {
	margin: 0;
	color: #FFFFFF !important;
	font-size: 20px;
}

.lso-page-section {
	padding: 58px 20px;
}

.lso-page-content {
	width: min(920px,100%);
	margin: 0 auto;
}

.lso-page-section h2 {
	margin: 0 0 30px;
	color: #07112F !important;
	text-align: center;
	font-size: 32px;
}

.lso-page-section-light {
	background: #F6F7F9;
}

.lso-page-section-navy {
	background: #07112F;
}

.lso-page-section-navy h2 {
	color: #FFFFFF !important;
}

.lso-page-lead {
	max-width: 780px;
	margin: 0 auto;
	color: #07112F !important;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.55;
	text-align: center;
}

.lso-page-kicker {
	margin: -10px 0 35px;
	color: #E4AD00 !important;
	text-align: center;
	font-size: 19px;
}

/* =========================================================
   LE CLUB
   ========================================================= */
.lso-page-hero-club {
	background: linear-gradient(rgba(7,17,47,.72),
      rgba(7,17,47,.82)), url('https://lsofutsal.fr/wp-content/uploads/2025/07/img-20250417-wa0018.jpg');
	background-size: cover;
	background-position: center;
}

.lso-page-values {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-page-value {
	padding: 32px 22px;
	background: #07112F;
	text-align: center;
}

.lso-page-value h3,
.lso-page-value p {
	color: #FFFFFF !important;
}

.lso-page-features {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
}

/* =========================================================
   PAGE EQUIPES
   ========================================================= */
.lso-page-hero-teams {
	background: linear-gradient(rgba(7,17,47,.68),
      rgba(7,17,47,.80)), url('https://lsofutsal.fr/wp-content/uploads/2025/09/3.png');
	background-size: cover;
	background-position: center;
}

.lso-teams-page-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-team-page-card {
	display: block !important;
	overflow: hidden;
	background: #FFFFFF !important;
	border: 1px solid #E5E8EE !important;
	border-radius: 18px;
	text-decoration: none !important;
}

.lso-team-page-image {
	width: 100%;
	aspect-ratio: 4/3;
	background: linear-gradient(rgba(7,17,47,.20),
      rgba(7,17,47,.38)), url('https://lsofutsal.fr/wp-content/uploads/2025/09/3.png');
	background-size: cover;
	background-position: center;
}

.lso-team-page-info {
	padding: 22px 18px 24px;
	text-align: center;
}

/* =========================================================
   INSCRIPTION
   ========================================================= */
.lso-page-hero-register {
	background: linear-gradient(rgba(7,17,47,.66),
      rgba(7,17,47,.82)), url('https://lsofutsal.fr/wp-content/uploads/2025/07/img-20250417-wa0018.jpg');
	background-size: cover;
	background-position: center;
}

.lso-register-alert {
	width: min(720px,100%);
	margin: 38px auto 0;
	padding: 26px 30px;
	background: #FFF8DF;
	border-left: 6px solid #E4AD00;
}

.lso-register-steps {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 18px;
}

.lso-register-step {
	padding: 35px 28px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
}

.lso-register-number {
	width: 50px;
	height: 50px;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E4AD00;
	color: #07112F !important;
	border-radius: 50%;
	font-size: 22px;
	font-weight: 900;
}

.lso-register-rules {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
}

.lso-register-categories {
	width: min(740px,100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}

/* =========================================================
   FUT'SABLES
   ========================================================= */
.lso-page-hero-futsables {
	background: linear-gradient(rgba(7,17,47,.64),
      rgba(7,17,47,.84)), url('https://lsofutsal.fr/wp-content/uploads/2026/08/screenshot-2026-08-10-09.54.20.png');
	background-size: cover;
	background-position: center;
}

.lso-futsables-poster {
	width: min(760px,100%);
	margin: 35px auto 0;
}

.lso-futsables-poster img {
	display: block;
	width: 100% !important;
	height: auto !important;
}

.lso-futsables-features {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-futsables-clubs-grid {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 14px;
}

.lso-futsables-club-card {
	min-height: 185px;
	padding: 18px 12px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.lso-futsables-winners {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-winner-logo {
	width: 120px;
	height: 120px;
	margin: 0 auto 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lso-winner-joliot {
	background-image: url('https://lsofutsal.fr/wp-content/uploads/2026/08/joliot.png?w=282');
}

.lso-winner-montaigu {
	background-image: url('https://lsofutsal.fr/wp-content/uploads/2026/08/design-sans-titre-8.png?w=300');
}

/* =========================================================
   PAGES EQUIPES INDIVIDUELLES
   ========================================================= */
.lso-team-detail-hero {
	background: linear-gradient(rgba(7,17,47,.66),
      rgba(7,17,47,.84)), url('https://lsofutsal.fr/wp-content/uploads/2025/09/3.png');
	background-size: cover;
	background-position: center;
}

.lso-team-detail-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-team-detail-card {
	min-height: 260px;
	padding: 30px 24px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	text-align: center;
}

.lso-team-detail-card h2 {
	margin: 0 0 25px !important;
	color: #07112F !important;
	font-size: 22px !important;
}

.lso-team-schedule {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lso-team-schedule > div {
	padding: 16px 12px;
	background: #F6F7F9;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lso-team-schedule strong {
	color: #07112F !important;
	font-size: 18px;
}

.lso-team-schedule span {
	margin-top: 4px;
	color: #E4AD00 !important;
	font-size: 17px;
	font-weight: 800;
}

.lso-team-schedule small {
	margin-top: 5px;
	color: #555E6E !important;
}

.lso-team-staff {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lso-team-staff strong {
	color: #07112F !important;
	font-size: 17px;
}

.lso-team-price {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lso-team-price > strong {
	color: #E4AD00 !important;
	font-size: 44px;
	font-weight: 900;
}

.lso-team-family-price {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #E5E8EE;
	color: #555E6E !important;
	font-size: 13px;
}

.lso-team-detail-join {
	background: #07112F;
	text-align: center;
}

.lso-team-detail-join h2,
.lso-team-detail-join p {
	color: #FFFFFF !important;
}

/* =========================================================
   ORGANIGRAMMES
   ========================================================= */
/* LARGEUR SPECIFIQUE */
body:not(.home) .lso-org-section .lso-page-content {
	width: min(1360px, calc(100% - 50px)) !important;
	max-width: 1360px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.lso-org-section {
	overflow: hidden;
}

.lso-org-eyebrow {
	text-align: center;
}

/* =========================================================
   ORGANIGRAMME - RESPONSABLE PRINCIPAL
   ========================================================= */
.lso-org-top {
	display: flex;
	justify-content: center;
	margin: 35px 0 40px;
}

.lso-org-card {
	padding: 24px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 16px;
	text-align: center;
}

.lso-org-card-main {
	width: min(390px,100%);
	border: 2px solid #E4AD00;
	box-shadow: 0 12px 30px rgba(7,17,47,.08);
}

.lso-org-role {
	display: block;
	margin-bottom: 10px;
	color: #E4AD00 !important;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.lso-org-card strong {
	color: #07112F !important;
	font-size: 21px;
}

/* =========================================================
   BUREAU
   ========================================================= */
.lso-org-bureau {
	width: min(1000px,100%);
	margin: 0 auto 50px;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
}

.lso-org-bureau .lso-org-card {
	background: #07112F;
	border: 0;
}

.lso-org-bureau .lso-org-card strong {
	color: #FFFFFF !important;
}

/* =========================================================
   COMMISSIONS ADMINISTRATIVES
   ========================================================= */
.lso-org-subtitle {
	margin-bottom: 26px;
	color: #07112F !important;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: .5px;
}

/*
   4 cartes en première ligne.
   Les cartes ont suffisamment de largeur pour garder
   les noms sur une ligne.
*/
.lso-org-commissions {
	width: min(1260px,100%);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.lso-org-commission {
	width: calc(25% - 12px);
	min-width: 245px;
	min-height: 155px;
	padding: 24px 20px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.lso-org-commission h3 {
	margin: 0 0 12px !important;
	color: #E4AD00 !important;
	font-size: 15px !important;
	line-height: 1.2;
	text-transform: uppercase;
}

.lso-org-commission p {
	margin: 0 !important;
	color: #07112F !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.5;
	white-space: nowrap;
}

/* =========================================================
   CONSEILLER
   ========================================================= */
.lso-org-bottom {
	width: min(520px,100%);
	margin: 38px auto 0;
	padding: 23px;
	background: #07112F;
	border-radius: 14px;
	text-align: center;
}

.lso-org-bottom span {
	display: block;
	margin-bottom: 7px;
	color: #E4AD00 !important;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.lso-org-bottom strong {
	color: #FFFFFF !important;
	font-size: 18px;
}

/* =========================================================
   ORGANIGRAMME SPORTIF
   ========================================================= */
.lso-sport-grid {
	width: min(1300px,100%);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 24px;
	align-items: start;
}

.lso-sport-column {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* TITRES POLES */
.lso-sport-title {
	width: 100%;
	min-height: 64px;
	padding: 14px 22px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.lso-sport-title-navy {
	background: #07112F;
	color: #FFFFFF !important;
}

.lso-sport-title-gold {
	background: #E4AD00;
	color: #07112F !important;
}

.lso-sport-title-light {
	background: #FFFFFF;
	color: #07112F !important;
	border: 2px solid #07112F;
}

/* CARTES SPORT */
.lso-sport-card {
	width: 100%;
	padding: 25px 22px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 14px;
	text-align: center;
}

.lso-sport-card span {
	display: block;
	margin-bottom: 14px;
	color: #E4AD00 !important;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
	text-transform: uppercase;
}

.lso-sport-card strong {
	display: block;
	color: #07112F !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.6;
	white-space: nowrap;
}

/* =========================================================
   RESPONSIVE INTERMEDIAIRE
   IMPORTANT POUR ORGANIGRAMMES
   ========================================================= */
@media screen and (max-width:1150px) {
	body:not(.home) .lso-org-section .lso-page-content {
		width: min(1000px, calc(100% - 40px)) !important;
	}
	
	/*
			     Les commissions passent à 2 colonnes AVANT
			     que les noms commencent à être écrasés.
			  */
	.lso-org-commission {
		width: calc(50% - 8px);
		min-width: 0;
	}
}

/* =========================================================
   TABLETTE / MOBILE
   ========================================================= */
@media screen and (max-width:900px) {
	.lso-section,
			  .lso-page-section {
		padding: 42px 18px;
	}
	
	.lso-home h2,
			  .lso-page-section h2 {
		font-size: 27px;
	}
	
	.lso-hero {
		min-height: 500px;
	}
	
	.lso-page-hero {
		min-height: 290px;
	}
	
	.lso-stats,
			  .lso-week,
			  .lso-values,
			  .lso-join-grid,
			  .lso-page-values,
			  .lso-register-steps,
			  .lso-futsables-features,
			  .lso-team-detail-grid {
		grid-template-columns: 1fr;
	}
	
	.lso-page-features {
		grid-template-columns: repeat(2,1fr);
	}
	
	.lso-teams-page-grid {
		grid-template-columns: repeat(2,1fr);
	}
	
	.lso-partners-grid {
		grid-template-columns: repeat(2,1fr) !important;
	}
	
	.lso-partners-grid .lso-partner-card {
		transform: none !important;
	}
	
	.lso-futsables-clubs-grid {
		grid-template-columns: repeat(3,1fr);
	}
	
	.lso-actions,
			  .lso-page-actions {
		flex-direction: column;
	}
	
	.lso-btn {
		width: 100%;
		max-width: 430px;
	}
	
	/* ORGANIGRAMMES */
	body:not(.home) .lso-org-section .lso-page-content {
		width: min(720px, calc(100% - 36px)) !important;
	}
	
	.lso-org-bureau {
		grid-template-columns: 1fr;
	}
	
	.lso-org-commission {
		width: calc(50% - 8px);
	}
	
	.lso-sport-grid {
		grid-template-columns: 1fr;
	}
	
	.lso-sport-column {
		margin-bottom: 26px;
	}
	
	.lso-sport-title {
		width: min(440px,100%);
		margin: 0 auto;
		white-space: normal;
	}
	
	.lso-sport-card strong {
		white-space: normal;
	}
}

/* =========================================================
   PETIT MOBILE
   ========================================================= */
@media screen and (max-width:520px) {
	.lso-hero h1 {
		font-size: 33px;
	}
	
	.lso-page-hero h1 {
		font-size: 40px;
	}
	
	.lso-team-card span {
		font-size: 16px !important;
	}
	
	.lso-teams-page-grid {
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	
	.lso-register-categories {
		grid-template-columns: repeat(3,1fr);
	}
	
	.lso-futsables-clubs-grid {
		grid-template-columns: repeat(2,1fr);
	}
	
	.lso-futsables-winners {
		grid-template-columns: 1fr;
	}
	
	/* ORGANIGRAMMES MOBILE */
	body:not(.home) .lso-org-section .lso-page-content {
		width: calc(100% - 28px) !important;
	}
	
	.lso-org-commission {
		width: 100%;
		min-height: 0;
	}
	
	.lso-org-commission p {
		white-space: normal;
	}
	
	.lso-sport-card {
		padding: 22px 16px;
	}
}

/* =========================================================
   PAGE COLOSSE AUX PIEDS D'ARGILE
   ========================================================= */
/* =========================================================
   HERO
   ========================================================= */
.lso-colosse-hero {
	background: linear-gradient(rgba(7,17,47,.72),
      rgba(7,17,47,.86)), url('https://lsofutsal.fr/wp-content/uploads/2022/10/img_6105.jpg?w=823');
	background-size: cover;
	background-position: center;
}

/* =========================================================
   INTRODUCTION
   ========================================================= */
.lso-colosse-intro {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 55px;
	align-items: center;
}

.lso-colosse-logo {
	display: block;
	width: 100% !important;
	max-width: 300px !important;
	height: auto !important;
	margin: 0 auto !important;
}

.lso-colosse-intro-text h2 {
	margin: 0 0 25px !important;
	text-align: left !important;
}

.lso-colosse-intro-text p:not(.lso-page-eyebrow) {
	margin: 0 0 18px;
	color: #343A45 !important;
	font-size: 18px;
	line-height: 1.7;
}

/* =========================================================
   PILIERS
   ========================================================= */
.lso-colosse-pillars {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-colosse-pillar {
	min-height: 270px;
	padding: 30px 25px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 16px;
	text-align: center;
}

.lso-colosse-pillar-number {
	display: block;
	margin-bottom: 20px;
	color: #2EBB8A !important;
	font-size: 42px;
	font-weight: 900;
}

.lso-colosse-pillar h3 {
	margin: 0 0 15px !important;
	color: #07112F !important;
	font-size: 20px !important;
}

.lso-colosse-pillar p {
	margin: 0;
	color: #555E6E !important;
	line-height: 1.65;
}

/* =========================================================
   HISTORIQUE
   ========================================================= */
.lso-colosse-center {
	text-align: center;
}

.lso-colosse-timeline {
	width: min(850px,100%);
	margin: 40px auto 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.lso-colosse-date {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 25px;
	align-items: center;
	padding: 24px 26px;
	background: #F6F7F9;
	border-radius: 14px;
}

.lso-colosse-date > strong {
	color: #E4AD00 !important;
	font-size: 24px;
	font-weight: 900;
}

.lso-colosse-date h3 {
	margin: 0 0 6px !important;
	color: #07112F !important;
	font-size: 17px !important;
}

.lso-colosse-date p {
	margin: 0 !important;
	color: #555E6E !important;
	line-height: 1.55;
}

/* =========================================================
   ACTIONS
   ========================================================= */
.lso-colosse-actions-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 16px;
}

.lso-colosse-action {
	min-height: 190px;
	padding: 28px 24px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 14px;
}

.lso-colosse-action h3 {
	margin: 0 0 14px !important;
	color: #E4AD00 !important;
	font-size: 18px !important;
}

.lso-colosse-action p {
	margin: 0 !important;
	color: #FFFFFF !important;
	line-height: 1.65;
}

/* =========================================================
   PHOTO
   ========================================================= */
.lso-colosse-photo {
	width: min(820px,100%);
	margin: 0 auto;
	overflow: hidden;
	border-radius: 18px;
}

.lso-colosse-photo img {
	display: block;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.lso-colosse-caption {
	max-width: 780px;
	margin: 15px auto 0 !important;
	color: #737B89 !important;
	font-size: 14px;
	text-align: center;
}

/* =========================================================
   CHARTE
   ========================================================= */
.lso-colosse-charter {
	background: #F6F7F9;
}

.lso-colosse-charter-box {
	padding: 38px 40px;
	background: #FFFFFF;
	border-left: 6px solid #2EBB8A;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 35px;
	align-items: center;
}

.lso-colosse-charter-box h2 {
	margin-bottom: 18px !important;
	text-align: left !important;
}

.lso-colosse-charter-box p:not(.lso-page-eyebrow) {
	margin: 0 !important;
	color: #555E6E !important;
	font-size: 17px;
	line-height: 1.65;
}

.lso-colosse-charter-action {
	min-width: 190px;
}

/* =========================================================
   FINAL
   ========================================================= */
.lso-colosse-final {
	background: #07112F;
	text-align: center;
}

.lso-colosse-final h2,
.lso-colosse-final p:not(.lso-page-eyebrow) {
	color: #FFFFFF !important;
}

.lso-colosse-final p:not(.lso-page-eyebrow) {
	max-width: 700px;
	margin: 0 auto !important;
	font-size: 19px;
	line-height: 1.6;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media screen and (max-width:900px) {
	.lso-colosse-intro {
		grid-template-columns: 1fr;
		gap: 30px;
		text-align: center;
	}
	
	.lso-colosse-intro-text h2 {
		text-align: center !important;
	}
	
	.lso-colosse-pillars {
		grid-template-columns: 1fr;
	}
	
	.lso-colosse-actions-grid {
		grid-template-columns: 1fr;
	}
	
	.lso-colosse-charter-box {
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.lso-colosse-charter-box h2 {
		text-align: center !important;
	}
}

@media screen and (max-width:520px) {
	.lso-colosse-date {
		grid-template-columns: 1fr;
		gap: 10px;
		text-align: center;
	}
	
	.lso-colosse-charter-box {
		padding: 28px 20px;
	}
}

/* =========================================================
   PAGE STAGES VACANCES
   ========================================================= */
/* HERO */
.lso-stages-hero {
	background: linear-gradient(rgba(7,17,47,.68),
      rgba(7,17,47,.84)), url('https://lsofutsal.fr/wp-content/uploads/2025/09/3.png');
	background-size: cover;
	background-position: center;
}

/* INTRO */
.lso-stages-intro {
	max-width: 780px;
	margin: 28px auto 0 !important;
	color: #555E6E !important;
	font-size: 18px;
	line-height: 1.7;
	text-align: center;
}

.lso-stages-center {
	text-align: center;
}

/* =========================================================
   PERIODES
   ========================================================= */
.lso-stages-periods {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 14px;
}

.lso-stages-period {
	min-height: 145px;
	padding: 24px 16px;
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.lso-stages-period strong {
	color: #E4AD00 !important;
	font-size: 22px;
	font-weight: 900;
}

.lso-stages-period span {
	margin-top: 8px;
	color: #07112F !important;
	font-size: 14px;
	font-weight: 700;
}

.lso-stages-note {
	margin: 24px 0 0 !important;
	color: #737B89 !important;
	text-align: center;
	font-size: 14px;
}

/* =========================================================
   FORMAT
   ========================================================= */
.lso-stages-features {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

.lso-stages-feature {
	min-height: 235px;
	padding: 30px 24px;
	background: #F6F7F9;
	border-radius: 16px;
	text-align: center;
}

.lso-stages-number {
	display: block;
	min-height: 58px;
	margin-bottom: 16px;
	color: #E4AD00 !important;
	font-size: 46px;
	font-weight: 900;
}

.lso-stages-feature h3 {
	margin: 0 0 13px !important;
	color: #07112F !important;
	font-size: 19px !important;
}

.lso-stages-feature p {
	margin: 0 !important;
	color: #555E6E !important;
	line-height: 1.6;
}

/* =========================================================
   TARIFS
   ========================================================= */
.lso-stages-prices {
	width: min(650px,100%);
	margin: 40px auto 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 18px;
}

.lso-stages-price {
	min-height: 180px;
	padding: 28px 20px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.lso-stages-price span {
	margin-bottom: 12px;
	color: #FFFFFF !important;
	font-size: 15px;
	font-weight: 800;
}

.lso-stages-price strong {
	color: #E4AD00 !important;
	font-size: 46px;
	font-weight: 900;
}

/* =========================================================
   INSCRIPTION
   ========================================================= */
.lso-stages-registration {
	background: #07112F;
	text-align: center;
}

.lso-stages-registration h2,
.lso-stages-registration p:not(.lso-page-eyebrow) {
	color: #FFFFFF !important;
}

.lso-stages-registration p:not(.lso-page-eyebrow) {
	max-width: 700px;
	margin: 0 auto !important;
	font-size: 18px;
	line-height: 1.65;
}

/* =========================================================
   CONTACT
   ========================================================= */
.lso-stages-info {
	padding: 38px 40px;
	background: #FFFFFF;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 35px;
	align-items: center;
}

.lso-stages-info h2 {
	margin-bottom: 16px !important;
	text-align: left !important;
}

.lso-stages-info p:not(.lso-page-eyebrow) {
	margin: 0 !important;
	color: #555E6E !important;
	font-size: 17px;
	line-height: 1.6;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media screen and (max-width:900px) {
	.lso-stages-periods {
		grid-template-columns: repeat(2,1fr);
	}
	
	.lso-stages-features {
		grid-template-columns: 1fr;
	}
	
	.lso-stages-info {
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.lso-stages-info h2 {
		text-align: center !important;
	}
}

@media screen and (max-width:520px) {
	.lso-stages-periods {
		grid-template-columns: 1fr;
	}
	
	.lso-stages-prices {
		grid-template-columns: 1fr;
	}
	
	.lso-stages-info {
		padding: 28px 20px;
	}
}

/* /* =========================================================
   MASQUER LES TITRES NATIFS WORDPRESS DES PAGES
   ========================================================= */
body.page .entry-header,
body.page header.entry-header,
body.page .entry-title,
body.page h1.entry-title,
body.page .page-header,
body.page .page-title,
body.page h1.page-title,
body.page article.page > header {
	display: none !important;
}

/* =========================================================
   ACTUALITES AUTO - ACCUEIL
   ========================================================= */
.lso-home-news-loop {
	width: min(980px, 100%);
	margin: 0 auto;
}

/* LISTE DES ARTICLES */
.lso-home-news-loop .wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 18px !important;
}

/* CARTE ARTICLE */
.lso-home-news-loop .wp-block-post {
	background: #FFFFFF;
	border: 1px solid #E5E8EE;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(7,17,47,.05);
}

/* IMAGE */
.lso-home-news-loop .wp-block-post-featured-image {
	margin: 0 !important;
}

.lso-home-news-loop .wp-block-post-featured-image a {
	display: block;
}

.lso-home-news-loop .wp-block-post-featured-image img {
	display: block;
	width: 100% !important;
	height: 230px !important;
	object-fit: cover;
}

/* TITRE */
.lso-home-news-loop .wp-block-post-title {
	margin: 0 !important;
	padding: 20px 18px 10px !important;
	font-size: 20px !important;
	line-height: 1.3;
	text-align: left !important;
}

.lso-home-news-loop .wp-block-post-title a,
.lso-home-news-loop .wp-block-post-title a:link,
.lso-home-news-loop .wp-block-post-title a:visited {
	color: #07112F !important;
	text-decoration: none !important;
}

.lso-home-news-loop .wp-block-post-title a:hover,
.lso-home-news-loop .wp-block-post-title a:focus {
	color: #E4AD00 !important;
}

/* DATE */
.lso-home-news-loop .wp-block-post-date {
	margin: 0 !important;
	padding: 0 18px 20px !important;
	color: #E4AD00 !important;
	font-size: 14px !important;
	font-weight: 700;
	text-align: left;
}

.lso-home-news-loop .wp-block-post-date a {
	color: #E4AD00 !important;
	text-decoration: none !important;
}

/* =========================================================
   TABLETTE
   ========================================================= */
@media screen and (max-width: 900px) {
	.lso-home-news-loop {
		width: min(620px, 100%);
	}
	
	.lso-home-news-loop .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}
	
	.lso-home-news-loop .wp-block-post-featured-image img {
		height: auto !important;
	}
}

/* =========================================================
   MOBILE
   ========================================================= */
@media screen and (max-width: 520px) {
	.lso-home-news-loop .wp-block-post-title {
		font-size: 18px !important;
	}
}

/* =========================================================
   CORRECTION STRUCTURE INTERNE ACTUALITES
   ========================================================= */
.lso-home-news-loop .wp-block-post {
	display: block !important;
}

/* FORCE LE CONTENU INTERNE EN VERTICAL */
.lso-home-news-loop .wp-block-post > * {
	width: 100% !important;
	max-width: none !important;
}

/* IMAGE PLEINE LARGEUR */
.lso-home-news-loop .wp-block-post-featured-image {
	width: 100% !important;
	margin: 0 !important;
}

.lso-home-news-loop .wp-block-post-featured-image a {
	display: block !important;
	width: 100% !important;
}

.lso-home-news-loop .wp-block-post-featured-image img {
	width: 100% !important;
	height: 230px !important;
	display: block !important;
	object-fit: cover !important;
	object-position: center !important;
}

/* TITRE SOUS L'IMAGE */
.lso-home-news-loop .wp-block-post-title {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 20px 18px 10px !important;
	text-align: left !important;
}

/* ANNULE LES MISES EN PAGE HORIZONTALES DU PATTERN */
.lso-home-news-loop .wp-block-group,
.lso-home-news-loop .wp-block-columns,
.lso-home-news-loop .wp-block-column {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* SECURITE POUR LES TITRES TROP LONGS */
.lso-home-news-loop .wp-block-post-title,
.lso-home-news-loop .wp-block-post-title a {
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}
/* =========================================================
   NOUVEAU PALMARES FUT'SABLES
   ========================================================= */

.lso-palmares-new {
  width: 100% !important;

  padding: 70px 20px !important;

  background: #07112F !important;
}

.lso-palmares-content {
  width: min(1180px, calc(100% - 20px)) !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
}

.lso-palmares-eyebrow {
  margin-bottom: 10px !important;

  color: #E4AD00 !important;

  text-align: center !important;
}

.lso-palmares-new h2 {
  margin: 0 0 10px !important;

  color: #FFFFFF !important;

  text-align: center !important;

  font-size: 34px !important;
}

.lso-palmares-intro {
  margin: 0 auto 40px !important;

  color: rgba(255,255,255,.75) !important;

  text-align: center !important;

  font-size: 17px !important;
}


/* =========================================================
   GRILLE
   ========================================================= */

.lso-palmares-grid {
  width: 100% !important;

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 18px !important;
}


/* =========================================================
   CARTES
   ========================================================= */

.lso-palmares-card {
  position: relative !important;

  min-width: 0 !important;
  min-height: 320px !important;

  padding: 28px 20px 24px !important;

  background: #FFFFFF !important;

  border: 0 !important;
  border-radius: 18px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;
  justify-content: flex-start !important;

  text-align: center !important;

  box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
}


/* =========================================================
   ANNEE
   ========================================================= */

.lso-palmares-year {
  margin-bottom: 24px !important;

  color: #E4AD00 !important;

  font-size: 36px !important;
  font-weight: 900 !important;

  line-height: 1 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.lso-palmares-logo {
  width: 130px !important;
  height: 130px !important;

  margin: 0 auto 24px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;
}

.lso-palmares-logo img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 125px !important;
  max-height: 125px !important;

  margin: 0 !important;

  object-fit: contain !important;
}


/* =========================================================
   NOM CLUB
   ========================================================= */

.lso-palmares-club {
  width: 100% !important;

  margin-top: auto !important;

  color: #07112F !important;

  font-size: 17px !important;
  font-weight: 900 !important;

  line-height: 1.35 !important;
}


/* =========================================================
   TENANT DU TITRE
   ========================================================= */

.lso-palmares-current {
  background: #E4AD00 !important;

  transform: translateY(-8px) !important;

  box-shadow: 0 18px 38px rgba(0,0,0,.25) !important;
}

.lso-palmares-current .lso-palmares-year {
  color: #07112F !important;
}

.lso-palmares-current .lso-palmares-club {
  color: #07112F !important;
}

.lso-palmares-badge {
  margin: -12px 0 17px !important;

  padding: 7px 13px !important;

  background: #07112F !important;

  color: #FFFFFF !important;

  border-radius: 999px !important;

  font-size: 10px !important;
  font-weight: 900 !important;

  letter-spacing: .7px !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media screen and (max-width:900px) {

  .lso-palmares-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .lso-palmares-current {
    transform: none !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:520px) {

  .lso-palmares-new {
    padding: 50px 16px !important;
  }

  .lso-palmares-grid {
    grid-template-columns: 1fr !important;
  }

  .lso-palmares-card {
    min-height: 290px !important;
  }

}
/* =========================================================
   NOUVEAU PALMARES FUT'SABLES
   ========================================================= */

.lso-palmares-new {
  width: 100% !important;

  padding: 70px 20px !important;

  background: #07112F !important;
}

.lso-palmares-content {
  width: min(1180px, calc(100% - 20px)) !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
}

.lso-palmares-eyebrow {
  margin-bottom: 10px !important;

  color: #E4AD00 !important;

  text-align: center !important;
}

.lso-palmares-new h2 {
  margin: 0 0 10px !important;

  color: #FFFFFF !important;

  text-align: center !important;

  font-size: 34px !important;
}

.lso-palmares-intro {
  margin: 0 auto 40px !important;

  color: rgba(255,255,255,.75) !important;

  text-align: center !important;

  font-size: 17px !important;
}


/* =========================================================
   GRILLE
   ========================================================= */

.lso-palmares-grid {
  width: 100% !important;

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 18px !important;
}


/* =========================================================
   CARTES
   ========================================================= */

.lso-palmares-card {
  position: relative !important;

  min-width: 0 !important;
  min-height: 320px !important;

  padding: 28px 20px 24px !important;

  background: #FFFFFF !important;

  border: 0 !important;
  border-radius: 18px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;
  justify-content: flex-start !important;

  text-align: center !important;

  box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
}


/* =========================================================
   ANNEE
   ========================================================= */

.lso-palmares-year {
  margin-bottom: 24px !important;

  color: #E4AD00 !important;

  font-size: 36px !important;
  font-weight: 900 !important;

  line-height: 1 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.lso-palmares-logo {
  width: 130px !important;
  height: 130px !important;

  margin: 0 auto 24px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;
}

.lso-palmares-logo img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 125px !important;
  max-height: 125px !important;

  margin: 0 !important;

  object-fit: contain !important;
}


/* =========================================================
   NOM CLUB
   ========================================================= */

.lso-palmares-club {
  width: 100% !important;

  margin-top: auto !important;

  color: #07112F !important;

  font-size: 17px !important;
  font-weight: 900 !important;

  line-height: 1.35 !important;
}


/* =========================================================
   TENANT DU TITRE
   ========================================================= */

.lso-palmares-current {
  background: #E4AD00 !important;

  transform: translateY(-8px) !important;

  box-shadow: 0 18px 38px rgba(0,0,0,.25) !important;
}

.lso-palmares-current .lso-palmares-year {
  color: #07112F !important;
}

.lso-palmares-current .lso-palmares-club {
  color: #07112F !important;
}

.lso-palmares-badge {
  margin: -12px 0 17px !important;

  padding: 7px 13px !important;

  background: #07112F !important;

  color: #FFFFFF !important;

  border-radius: 999px !important;

  font-size: 10px !important;
  font-weight: 900 !important;

  letter-spacing: .7px !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media screen and (max-width:900px) {

  .lso-palmares-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .lso-palmares-current {
    transform: none !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:520px) {

  .lso-palmares-new {
    padding: 50px 16px !important;
  }

  .lso-palmares-grid {
    grid-template-columns: 1fr !important;
  }

  .lso-palmares-card {
    min-height: 290px !important;
  }

}
/* =========================================================
   SECTIONS BLEU MARINE - LISIBILITE
   ========================================================= */

.lso-page-section-navy {
  background: #07112F !important;
}

.lso-page-section-navy h2 {
  color: #FFFFFF !important;
}

.lso-page-section-navy .lso-page-eyebrow {
  color: #E4AD00 !important;
}

.lso-page-section-navy .lso-page-white-lead {
  max-width: 700px;

  margin: -8px auto 30px !important;

  color: rgba(255,255,255,.78) !important;

  text-align: center;

  font-size: 17px;
  line-height: 1.6;
}


/* =========================================================
   S'INSCRIRE - AVANT DE COMMENCER
   ========================================================= */

.lso-register-rules {
  width: min(900px,100%);

  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(2,1fr);

  gap: 14px;
}

.lso-register-rules > div {
  min-height: 125px;

  padding: 22px 24px;

  background: rgba(255,255,255,.07);

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;

  display: grid;

  grid-template-columns: 42px 1fr;

  gap: 14px;

  align-items: center;
}

.lso-register-rules strong {
  width: 38px;
  height: 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  background: #E4AD00;

  color: #07112F !important;

  border-radius: 50%;

  font-size: 17px;
  font-weight: 900;
}

.lso-register-rules span {
  color: #FFFFFF !important;

  font-size: 15px;
  line-height: 1.55;
}


/* SECTION UN PEU PLUS COMPACTE */

.lso-register-page .lso-page-section-navy {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:700px) {

  .lso-register-rules {
    grid-template-columns: 1fr;
  }

  .lso-register-rules > div {
    min-height: 0;
  }

}
/* =========================================================
   MENU UNIQUE WORDPRESS / ARGENT
   SUR TOUT LE SITE
   ========================================================= */

/* On abandonne définitivement le menu HTML personnalisé */
.lso-custom-header {
  display: none !important;
}


/* Afficher le vrai header WordPress partout */

body.home .site-header,
body.home #masthead,
body:not(.home) .site-header,
body:not(.home) #masthead {
  display: block !important;
}


/* On garde uniquement la navigation, sans grosse zone branding */

body.home .site-branding,
body:not(.home) .site-branding {
  display: none !important;
}


/* Header au-dessus de tous les contenus */

.site-header,
#masthead {
  position: relative !important;
  z-index: 99999 !important;

  overflow: visible !important;
}


/* Navigation */

.main-navigation {
  position: relative !important;
  z-index: 99999 !important;

  overflow: visible !important;
}


/* Les sous-menus doivent pouvoir sortir du header */

.main-navigation ul,
.main-navigation li {
  overflow: visible !important;
}


/* Sous-menu desktop */

@media screen and (min-width:901px) {

  .main-navigation ul ul {
    position: absolute !important;

    z-index: 100000 !important;

    background: #07112F !important;

    min-width: 220px;

    padding: 8px 0 !important;

    box-shadow: 0 10px 25px rgba(7,17,47,.20);
  }

  .main-navigation ul ul a {
    display: block !important;

    padding: 10px 18px !important;

    color: #FFFFFF !important;

    text-decoration: none !important;

    white-space: nowrap;
  }

  .main-navigation ul ul a:hover,
  .main-navigation ul ul a:focus {
    color: #E4AD00 !important;

    background: rgba(255,255,255,.05) !important;
  }

}