/* ==========================================================
   CHAPITRE 1 — VARIABLES
========================================================== */

:root{

	/* ------------------------------------------------------
	   COULEURS
	------------------------------------------------------ */

	--alc-orange:#f85903;
	--alc-orange-light:#ff6b00;
	--alc-orange-dark:#d94b00;

	--alc-black:#1c1c1c;
	--alc-black-light:#2a2a2a;

	--alc-white:#ffffff;

	--alc-text:#333333;
	--alc-text-light:#666666;

	--alc-border:#e6e6e6;
	--alc-background:#f7f7f7;

	/* ------------------------------------------------------
	   DÉGRADÉS
	------------------------------------------------------ */

	--alc-gradient-orange:linear-gradient(
		90deg,
		var(--alc-orange),
		var(--alc-orange-light)
	);

	--alc-gradient-header:linear-gradient(
		135deg,
		#171717,
		#292929
	);

	/* ------------------------------------------------------
	   OMBRES
	------------------------------------------------------ */

	--alc-shadow:
		0 10px 30px rgba(0,0,0,.08);

	--alc-shadow-hover:
		0 18px 45px rgba(0,0,0,.16);

	--alc-shadow-orange:
		0 6px 18px rgba(248,89,3,.28);

	/* ------------------------------------------------------
	   RAYONS
	------------------------------------------------------ */

	--alc-radius:18px;

	--alc-radius-small:8px;

	--alc-radius-pill:999px;

	/* ------------------------------------------------------
	   ESPACEMENTS
	------------------------------------------------------ */

	--alc-space-xs:6px;
	--alc-space-sm:10px;
	--alc-space-md:16px;
	--alc-space-lg:24px;
	--alc-space-xl:36px;

	/* ------------------------------------------------------
	   TRANSITIONS
	------------------------------------------------------ */

	--alc-transition:.20s ease;

}

/* ==========================================================
   CHAPITRE 2 — STRUCTURE GÉNÉRALE
========================================================== */

.alc-week{

	width:100%;

	max-width:1600px;

	margin:40px auto;

	padding:0 20px;

	box-sizing:border-box;

}

/* ==========================================================
   BLOC JOUR
========================================================== */

.alc-day{

	margin-bottom:50px;

}

/* ==========================================================
   TITRE DU JOUR
========================================================== */

.alc-day-title{

	display:flex;

	align-items:center;

	gap:16px;

	margin:0 0 28px;

	padding:16px 24px;

	background:var(--alc-gradient-orange);

	border-radius:10px;

	color:#fff !important;

	font-size:32px;

	font-weight:800;

	text-transform:uppercase;

	letter-spacing:.5px;

	box-shadow:var(--alc-shadow-orange);

}

.alc-day-title::before{

	content:"📅";

	font-size:30px;

	line-height:1;

}

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

.alc-day-grid{

	display:grid;

	grid-template-columns:repeat(
		auto-fit,
		minmax(330px,1fr)
	);

	gap:20px;

	align-items:start;

}

/* ==========================================================
   CHAPITRE 3 — CARTE
========================================================== */

.alc-card{

	position:relative;

	display:flex;

	flex-direction:column;

	height:100%;

	background:var(--alc-white);

	border:1px solid var(--alc-border);

	border-radius:var(--alc-radius);

	overflow:hidden;

	box-shadow:var(--alc-shadow);

	transition:
		transform var(--alc-transition),
		box-shadow var(--alc-transition),
		border-color var(--alc-transition);

}

/* Signature Tango */

.alc-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	width:5px;

	background:var(--alc-gradient-orange);

	z-index:2;

}

.alc-card:hover{

	transform:translateY(-6px);

	border-color:var(--alc-orange);

	box-shadow:var(--alc-shadow-hover);

}

/* ==========================================================
   HEADER
========================================================== */

.alc-card-header{

	display:flex;

	flex-direction:column;

	gap:8px;

	padding:14px 16px;

	background:var(--alc-gradient-header);

	color:#fff;

}

/* ==========================================================
   POLE
========================================================== */

.alc-pole{

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:1.8px;

	color:rgba(255,255,255,.72);

}

/* ==========================================================
   TITRE
========================================================== */

.alc-card-title{

	display:grid;

	grid-template-columns:1fr auto;

	align-items:center;

	column-gap:12px;

}

/* ==========================================================
   EQUIPE
========================================================== */

.alc-team{

	font-size:21px;

	font-weight:800;

	line-height:1.15;

	color:#fff !important;

	word-break:break-word;

}

/* ==========================================================
   BADGE HEURE
========================================================== */

.alc-time{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:5px 10px;

	min-width:60px;

	border-radius:var(--alc-radius-pill);

	background:var(--alc-gradient-orange);

	color:#fff;

	font-size:12px;

	font-weight:700;

	line-height:1;

	box-shadow:var(--alc-shadow-orange);

	white-space:nowrap;

}

.alc-time-rest{

	background:#666;

	box-shadow:none;

}

/* ==========================================================
   CHAPITRE 3 — CARTE
========================================================== */

.alc-card{

	position:relative;

	display:flex;

	flex-direction:column;

	height:100%;

	background:var(--alc-white);

	border:1px solid var(--alc-border);

	border-radius:var(--alc-radius);

	overflow:hidden;

	box-shadow:var(--alc-shadow);

	transition:
		transform var(--alc-transition),
		box-shadow var(--alc-transition),
		border-color var(--alc-transition);

}

/* Signature Tango */

.alc-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	width:5px;

	background:var(--alc-gradient-orange);

	z-index:2;

}

.alc-card:hover{

	transform:translateY(-6px);

	border-color:var(--alc-orange);

	box-shadow:var(--alc-shadow-hover);

}

/* ==========================================================
   HEADER
========================================================== */

.alc-card-header{

	display:flex;

	flex-direction:column;

	gap:8px;

	padding:14px 16px;

	background:var(--alc-gradient-header);

	color:#fff;

}

/* ==========================================================
   POLE
========================================================== */

.alc-pole{

	font-size:11px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:1.8px;

	color:rgba(255,255,255,.72);

}

/* ==========================================================
   TITRE
========================================================== */

.alc-card-title{

	display:grid;

	grid-template-columns:1fr auto;

	align-items:center;

	column-gap:12px;

}

/* ==========================================================
   EQUIPE
========================================================== */

.alc-team{

	font-size:21px;

	font-weight:800;

	line-height:1.15;

	color:#fff !important;

	word-break:break-word;

}

/* ==========================================================
   BADGE HEURE
========================================================== */

.alc-time{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:5px 10px;

	min-width:60px;

	border-radius:var(--alc-radius-pill);

	background:var(--alc-gradient-orange);

	color:#fff;

	font-size:12px;

	font-weight:700;

	line-height:1;

	box-shadow:var(--alc-shadow-orange);

	white-space:nowrap;

}

.alc-time-rest{

	background:#666;

	box-shadow:none;

}

/* ==========================================================
   CHAPITRE 4 — CORPS DE CARTE
========================================================== */

.alc-card-body{

	display:flex;

	flex-direction:column;

	padding:14px 16px;

	gap:8px;

	background:var(--alc-white);

}

/* ==========================================================
   CHAPITRE 5 — LIGNES
========================================================== */

.alc-line{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:6px;

	font-size:14px;

	line-height:1.35;

	color:var(--alc-text);

}

.alc-separator{

	color:#bbbbbb;

	font-weight:700;

	margin:0 2px;

}

/* ==========================================================
   CHAPITRE 6 — COMPÉTITION
========================================================== */

.alc-type{

	padding-bottom:10px;

	margin-bottom:2px;

	border-bottom:1px solid var(--alc-border);

	font-size:15px;

	font-weight:700;

	color:var(--alc-orange);

}

/* ==========================================================
   CHAPITRE 7 — ADVERSAIRE
========================================================== */

.alc-opponent{

	display:flex;

	align-items:center;

	gap:12px;

	padding:10px 14px;

	background:var(--alc-gradient-orange);

	border-radius:8px;

	color:#fff !important;

	font-size:16px;

	font-weight:700;

	box-shadow:var(--alc-shadow-orange);

}

.alc-opponent *{

	color:#fff !important;

}

.alc-opponent::before{

	content:"VS";

	display:flex;

	align-items:center;

	justify-content:center;

	width:30px;

	height:28px;

	background:#fff;

	color:var(--alc-orange);

	border-radius:5px;

	font-size:13px;

	font-weight:800;

	flex-shrink:0;

	transition:all .20s ease;

}

/* ==========================================================
   BADGE VS - EXTERIEUR
========================================================== */

.alc-away::before{

	color:#6b7280;

}

/* ==========================================================
   DOMICILE / EXTERIEUR
========================================================== */

.alc-home{

	background:var(--alc-gradient-orange);

}

.alc-away{

	background:linear-gradient(
		90deg,
		#6b7280,
		#8b949e
	);

}

/* ==========================================================
   CHAPITRE 8 — ARBITRAGE
========================================================== */

.alc-arbitrage-title{

	margin-top:8px;

	padding-top:10px;

	border-top:1px solid var(--alc-border);

	font-size:12px;

	font-weight:700;

	letter-spacing:1px;

	text-transform:uppercase;

	color:var(--alc-text-light);

}

/* ==========================================================
   CHAPITRE 9 — NOTES
========================================================== */

.alc-note{

	margin-top:8px;

	padding-top:10px;

	border-top:1px solid var(--alc-border);

	font-size:13px;

	line-height:1.5;

	color:var(--alc-text-light);

	font-style:italic;

}

/* ==========================================================
   CHAPITRE 10 — ETAT VIDE
========================================================== */

.alc-empty{

	padding:60px 30px;

	border:2px dashed var(--alc-border);

	border-radius:var(--alc-radius);

	background:#fafafa;

	text-align:center;

	font-size:18px;

	color:var(--alc-text-light);

}

/* ==========================================================
   CHAPITRE 11 — RESPONSIVE
========================================================== */

@media (min-width:1500px){

	.alc-day-grid{

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

	}

}

@media (min-width:1024px) and (max-width:1499px){

	.alc-day-grid{

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

	}

}

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

	.alc-day-grid{

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

	}

}

@media (max-width:699px){

	.alc-week{

		padding:0 12px;

	}

	.alc-day-grid{

		grid-template-columns:1fr;

	}

	.alc-day-title{

		font-size:24px;

		padding:14px 18px;

	}

	.alc-day-title::before{

		font-size:24px;

	}

	.alc-card-header{

		padding:12px 14px;

	}

	.alc-team{

		font-size:18px;

	}

	.alc-card-body{

		padding:12px 14px;

	}

}

/* ==========================================================
   CHAPITRE 12 — ANIMATIONS
========================================================== */

.alc-card{

	transition:
		transform .20s ease,
		box-shadow .20s ease,
		border-color .20s ease;

}

.alc-card:hover{

	transform:translateY(-6px);

	box-shadow:var(--alc-shadow-hover);

}

.alc-card:hover .alc-team{

	color:#fff;

}

.alc-card:hover .alc-opponent{

	transform:scale(1.01);

}

.alc-opponent{

	transition:
		transform .20s ease,
		box-shadow .20s ease;

}

/* ==========================================================
   CHAPITRE 13 — FINITIONS
========================================================== */

*{

	box-sizing:border-box;

}

.alc-card *{

	box-sizing:border-box;

}

.alc-card-body>*:first-child{

	margin-top:0;

}

.alc-card-body>*:last-child{

	margin-bottom:0;

}

.alc-line{

	word-break:break-word;

}

.alc-note{

	white-space:pre-line;

}

.alc-card img{

	max-width:100%;

	height:auto;

}

.alc-card a{

	color:inherit;

	text-decoration:none;

}

/* ==========================================================
   CHAPITRE 14 — SIGNATURE ALC WEEK
========================================================== */

.alc-card-header{

	position:relative;

	overflow:hidden;

}

.alc-card-header::after{

	content:"";

	position:absolute;

	top:0;

	right:-60px;

	width:120px;

	height:120px;

	border-radius:50%;

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

}

.alc-opponent{

	position:relative;

	overflow:hidden;

}

.alc-opponent::after{

	content:"";

	position:absolute;

	right:-35px;

	top:-18px;

	width:70px;

	height:70px;

	border-radius:50%;

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

}

/* ==========================================================
   BADGES ARBITRAGE
========================================================== */

.alc-arbitre{

	display:flex;

	align-items:center;

	gap:10px;

	margin-top:6px;

}

.alc-arbitre-label{

	min-width:100px;

	padding:2px 8px;

	border:1px solid var(--alc-orange);

	border-radius:4px;

	background:#fff;

	color:var(--alc-orange);

	font-size:12px;

	font-weight:700;

	line-height:1.2;

	text-align:center;

}

.alc-arbitre-value{

	font-size:14px;

	font-weight:500;

	color:var(--alc-text);

	line-height:1.2;

}