/*** classes utilis�es pour la visu match : partie public et contrib ****/

/* Noms de famille joueurs toujours en majuscules (public) */
.pname .nom, .head_member .nom, .as_match .nom{text-transform: uppercase;}

/********************************************
*	MATCH HEAD
*********************************************/
.match_head{margin: 15px; background: transparent linear-gradient(20deg, #E0EBEE 0%, #C5D8DF 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 0px 0px #00000029;}
.match_head p{margin-bottom: 6px;}
.match_head img.logo-team{height: 60px; width: auto; margin-top: 10px; margin-bottom: 10px;}
.match_head .bottom_section{background-color: #C7E1E7; }
.match_head .bottom_section .team-name{font-size: 1.4rem; color: #414141; font-weight: bold;}
/********************************************
*	MATCH HEAD LIVE
*********************************************/
.match_head.match_live div.logo_score{max-width: 200px;	height: 80px;display: inline-block;	position: relative;	margin: 0;}
.match_head.match_live div.logo_score *{margin: 10px; max-width: 34%;}
.match_head.match_live div.logo_score span.score{display: inline-block;	vertical-align: top; line-height: 50px;height: 50px;width: 50px;border-radius: 50%;
	background: white; font-size: 1.9rem; font-weight: bold;  margin-top: 7px;   position: relative;   top: 10px;}
.s18{height: 18px; width: 18px;}
.circle{border-radius: 50%; }
.circle.green{background-color: #4BCB73;}
.fb_share{padding: 7px 11px 7px 24px; background-color: #3B5798; color: white; background-repeat: no-repeat; background-image: url("/static/img/picto_facebook.svg"); background-position: left 9px center;}
.fb_share:HOVER, .fb_share:ACTIVE{color: white;} 
/********************************************
*	MATCH PICTOs
*********************************************/
.action_picto .picto{background-repeat: no-repeat; border-radius: 50%; height: 90px; width: 90px; background-position: center; font-size: 0; display: inline-block;}
.action_picto .picto{box-shadow: 0px 0px 6px #00000015; margin-bottom: 15px; border: 5px solid white;}
.action_picto .green .picto{background-color: #4BCC73; }
.action_picto .bluelite .picto, .action_picto.deroule .picto{background-color: #C7E1E7; }

/*** MATCH EQUIPE ACTIONS */
.action_picto .but .picto{background-image: url("/static/img/match/but.svg");}
.action_picto .but_std .picto{background-image: url("/static/img/match/but_ballon.svg");}
.action_picto .but_coupfranc .picto{background-image: url("/static/img/match/but_coup_franc.svg");}
.action_picto .but_corner .picto{background-image: url("/static/img/match/but_corner.svg");}
.action_picto .but_penalty .picto{background-image: url("/static/img/match/but_penalty2.svg");}
.action_picto .but_csc .picto{background-image: url("/static/img/match/but_contre_son_camp.svg");}
.action_picto .but_c_attaque .picto{background-image: url("/static/img/match/but_contre_attaque.svg");}
.action_picto .carton .picto{background-image: url("/static/img/match/carton_fond_sombre.svg"); background-color: #EB1A3C;}
.action_picto .carton_jaune .picto{background-image: url("/static/img/match/carton_fond_clair.svg"); background-color: #D3ED0E;}
.action_picto .carton_blanc .picto{background-image: url("/static/img/match/carton_fond_clair.svg"); background-color: white;}
.action_picto .carton_rouge .picto{background-image: url("/static/img/match/carton_fond_sombre.svg"); background-color: #EB1A3C;}
.action_picto .occasion .picto{background-image: url("/static/img/match/Occasion.svg"); background-color: #7FC2EF;}

.action_picto .occasion_tir_ok .picto{background-image: url("/static/img/match/Occasion_tir_cadre.svg"); background-color: #7FC2EF;}
.action_picto .occasion_tir_nok .picto{background-image: url("/static/img/match/Occasion_tir_non_cadre.svg"); background-color: #7FC2EF;}
.action_picto .occasion_tir_montants .picto{background-image: url("/static/img/match/Occasion_tir_sur_montants.svg"); background-color: #7FC2EF;}

/*.action_picto .occasion_tst .picto{background-image: url("/static/img/match/Occasion_transversale.svg"); background-color: #7FC2EF;}*/
/*.action_picto .occasion_tsp .picto{background-image: url("/static/img/match/Occasion_poteau.svg"); background-color: #7FC2EF;}*/
.action_picto .occasion_face_gardien .picto{background-image: url("/static/img/match/Occasion_Face_Face.svg"); background-color: #7FC2EF;}
/*.action_picto .occasion_peno .picto{background-image: url("/static/img/match/Occasion_arrete_penalty.svg"); background-color: #7FC2EF;} */
.action_picto .occasion_penohc .picto{background-image: url("/static/img/match/Occasion_penalty_hors_cadre.svg"); background-color: #7FC2EF;}
.action_picto .occasion_horsjeu .picto{background-image: url("/static/img/match/Occasion_refus_hors_jeu.svg"); background-color: #7FC2EF;}
.action_picto .occasion_arret_peno .picto{background-image: url("/static/img/match/Occasion_arrete_penalty.svg"); background-color: #7FC2EF;}
.action_picto .blessure .picto{background-image: url("/static/img/match/Blessures.svg"); background-color: #022344;}
.action_picto .blessure_legere .picto{background-image: url("/static/img/match/Blessure_legere.svg"); background-color: #022344;}
.action_picto .blessure_grave .picto{background-image: url("/static/img/match/Blessure_grave.svg"); background-color: #022344;}
.action_picto .blessure_pompier .picto{background-image: url("/static/img/match/Blessure_pompier.svg"); background-color: #022344;}
.action_picto .remplacement .picto{background-image: url("/static/img/match/remplacement.svg"); background-color: #D3C5A8;}
.action_picto .remplacement.sort .picto{background-image: url("/static/img/match/derou_rempla_sort.svg"); background-color: #D3C5A8;}
.action_picto .remplacement.entre .picto{background-image: url("/static/img/match/derou_rempla_entre.svg"); background-color: #D3C5A8;}

/*** MATCH DEROULE ACTIONS */
.action_picto .demarre .picto{background-image: url("/static/img/match/derou_match_demarre.svg");}
.action_picto .mi_temps .picto{background-image: url("/static/img/match/derou_mi_temps_reprise.svg");}
.action_picto .reprise .picto{background-image: url("/static/img/match/derou_mi_temps_reprise.svg");}
.action_picto .termine .picto{background-image: url("/static/img/match/derou_match_termine.svg");}
.action_picto .prolongations .picto{background-image: url("/static/img/match/derou_prolongation.svg");}
.action_picto .prolongations_reprise .picto{background-image: url("/static/img/match/derou_prolongation.svg");}
.action_picto .tab .picto{background-image: url("/static/img/match/derou_TAB.svg");}
.action_picto .interruption .picto{background-image: url("/static/img/match/interruption.svg?");}
.action_picto .interruption_meteo .picto{background-image: url("/static/img/match/interruption_meteo.svg"); background-color: #0000C2;}
.action_picto .interruption_bagarre .picto{background-image: url("/static/img/match/interruption_bagarre.svg"); background-color: #0000C2;}
.action_picto .interruption_autre .picto{background-image: url("/static/img/match/interruption_arbitre.svg"); background-color: #0000C2;}

/*** MATCH GLOBAL (not comment but in the fil) */
.action_picto .ballon_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_ballon_match.svg");background-color: #4BCC73;}
.action_picto .match_inverse .picto{background-image: url("/static/img/contrib/match_global/ma_gl_match_inverse.svg"); background-color: #C7E1E7;}

/********************************************
*	MATCH COMMENTS
*********************************************/

/** good to know css **/
.comments_ctn{background-image: linear-gradient(#FFF, #FFF); background-size: 5px 100%; background-repeat: no-repeat; background-position: center center; margin-top: 20px;}
.vert_sep_18{font-size: 0; height: 8px; width: 100%;}
.comment_wrap.can-overlap .match_comment_ctn{margin-top: -16px;}
.vert_sep_18:has(+ .can-overlap){display: none;}
.action_picto .picto.wh42{height: 44px; width: 44px; border: 3px solid white; background-size: 60%; margin-top: 2px; display: inline-block;}

/*** comment for equipe 1 et 2 **/
.match_comment_ctn.equipe .comment .section_player_1{ height: 60px; padding: 5px; position: relative;}
.match_comment_ctn.equipe .comment .section_player_1 .pname{color: #272727; letter-spacing: -0.28px;}
.match_comment_ctn.equipe .comment.but .section_player_1{background-color: #93BC46;}
.match_comment_ctn.equipe .comment.but .section_player_1 span:not(.minute){color: white;}
.match_comment_ctn.equipe_1 .comment .player_action{padding: 6px 9px 0 0;}
.match_comment_ctn.equipe .comment .section_player_2{padding: 3px; background: #E4F3F7; height: 26px; position: relative;}
.match_comment_ctn.equipe .comment .section_player_2 .player_photo{margin-top: -10px;}
.match_comment_ctn.equipe_2 .comment .player_action{padding: 6px 0 0 9px;}

.match_comment_ctn.equipe .citem{display: inline-block; vertical-align: top;}

.player_photo{border-radius: 50%; height: 60px; width: auto;}
.player_photo.small{height: 32px;}

.match_comment_ctn .minute{width: 40px;height: 40px; font-size: 12px; color: black;border-radius: 50%; line-height: 40px; margin-top: 6px;text-align: center;background: transparent linear-gradient(180deg, #E0EBEE 0%, #C5D8DF 100%) 0% 0% no-repeat padding-box;}
.match_comment_ctn .minute.extra{font-size: 11px}
.match_comment_ctn .action_libel{color: #7C7C7C; font-size: 1.2rem; font-style: italic;}

.match_comment_ctn.equipe.equipe_1{padding-right: 50%;}
.match_comment_ctn.equipe.equipe_1 .comment{margin-right: 16px; border-radius: 0px 24px 24px 0px;}
.match_comment_ctn.equipe.equipe_1 .comment .player_action{text-align: right;}
.match_comment_ctn.equipe.equipe_1 .citem{float: right;}
.match_comment_ctn.equipe.equipe_1 .section_player_2 .citem{float: left;  margin-left: 8px; margin-right: 8px;}
.match_comment_ctn.equipe.equipe_1 .comment .minute{margin-left: -4px;}
.match_comment_ctn.equipe.equipe_1 .comment .player_photo{margin-right: -4px;}

.match_comment_ctn.equipe.equipe_2{padding-left: 50%;}
.match_comment_ctn.equipe.equipe_2 .comment{margin-left: 16px;border-radius: 24px 0px 0px 24px;}
.match_comment_ctn.equipe.equipe_2 .citem{float: left;}
.match_comment_ctn.equipe.equipe_2 .section_player_2 .citem{float: right;  margin-left: 8px; margin-right: 8px;}
.match_comment_ctn.equipe.equipe_2 .comment .minute{margin-right: -4px;}
.match_comment_ctn.equipe.equipe_2 .comment .player_photo{margin-left: -4px;}

/*** TASK-G05 : Nouvelle disposition actions equipe ***/

/* Timer sur la ligne centrale - positionné par rapport au conteneur .match_comment_ctn */
.match_comment_ctn.equipe .timer_line{
	position: absolute;
	left: 50%;
	top: 64%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.match_comment_ctn.equipe .timer_line .minute{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 34px;
	font-size: 1.2rem;
	background: #C8E1E6;
	border: 3px solid white;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
	color: #383B6A;
}

/* Zone visuelle (picto + photo) - déborde au-dessus de la zone texte */
.match_comment_ctn.equipe .action_visual{
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	z-index: 5;
}
.match_comment_ctn.equipe .action_visual .picto{margin: 0; flex-shrink: 0; box-shadow: none;}
.match_comment_ctn.equipe .action_visual .player_photo{margin: 0; flex-shrink: 0; border: 2px solid #C8E1E6;}
.match_comment_ctn.equipe .comment .js_ajax_screen_action{z-index: 10;}

/* Zone texte - reçoit le chevauchement du visuel */
.match_comment_ctn.equipe .action_text{
	background: white;
	border-radius: 12px;
	padding: 8px 8px 2px 8px;
	margin-top: -20px;
	border: 2px solid #C8E1E6;
}
.match_comment_ctn.equipe .action_text .action_libel{
	display: block;
	margin-bottom: 2px;
}
.match_comment_ctn.equipe .action_text .pname{
	display: block;
	font-weight: bold;
	color: #272727;
	font-size: 14px;
	line-height: 1.2;
}

/* Equipe 2 (droite) : photo extérieure (droite), picto intérieur */
.match_comment_ctn.equipe.equipe_2 .action_visual{
	flex-direction: row;
	justify-content: flex-end;
	padding-right: 11px;
}
.match_comment_ctn.equipe.equipe_2 .action_text{
	text-align: left;
}

/* Equipe 1 (gauche) : photo extérieure (gauche), picto intérieur */
.match_comment_ctn.equipe.equipe_1 .action_visual{
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding-left: 11px;
}
.match_comment_ctn.equipe.equipe_1 .action_text{
	text-align: right;
}

/* Zone passeur */
.match_comment_ctn.equipe .action_passeur{
	background: #DDF5FA;
	border-radius: 0 0 12px 12px;
	padding: 2px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2px;
	margin: 4px -8px -2px -8px;
}
.match_comment_ctn.equipe .action_passeur .passeur_info{
	display: flex;
	flex-direction: column;
}
.match_comment_ctn.equipe .action_passeur .passeur_info .pname{
	font-size: 1.1rem;	font-weight: 600;	color: #6A6869;
}
.match_comment_ctn.equipe .action_passeur .passeur_info .action_libel{
	font-size: 1.1rem;
}
.match_comment_ctn.equipe .action_passeur .player_photo{
	width: 26px; height: 26px; flex-shrink: 0;
}

/* Equipe 2 : passeur - texte à gauche, photo à droite */
.match_comment_ctn.equipe.equipe_2 .action_passeur{
	flex-direction: row;
}
.match_comment_ctn.equipe.equipe_2 .action_passeur .passeur_info{
	text-align: left;
}

/* Equipe 1 : passeur - photo à gauche, texte à droite (inversé) */
.match_comment_ctn.equipe.equipe_1 .action_passeur{
	flex-direction: row-reverse;
}
.match_comment_ctn.equipe.equipe_1 .action_passeur .passeur_info{
	text-align: right;
}

/* But : bordure verte sur action_text et photo */
.match_comment_ctn.equipe .comment.but .action_text{
	background-color: white;
	border: 2px solid #4BCC72;
}
.match_comment_ctn.equipe .comment.but .action_visual .player_photo{
	border-color: #4BCC72;
}

/* Remplacement : triangles colorés */
.match_comment_ctn.equipe .arrow_in,
.match_comment_ctn.equipe .arrow_out{
	font-size: 2rem;
	margin-right: 6px;
	display: inline-block;
	vertical-align: baseline;
}
.match_comment_ctn.equipe .arrow_in{
	color: #4BCB73;
}
.match_comment_ctn.equipe .arrow_out{
	color: #EB1A3C;
}
/* Equipe 1 (gauche) : vert vers la droite (terrain), rouge vers la gauche */
.match_comment_ctn.equipe.equipe_1 .arrow_in{
	transform: scaleX(1); /* → pointe vers terrain (droite) */
}
.match_comment_ctn.equipe.equipe_1 .arrow_out{
	transform: scaleX(-1); /* ← pointe vers extérieur (gauche) */
}
/* Equipe 2 (droite) : vert vers la gauche (terrain), rouge vers la droite */
.match_comment_ctn.equipe.equipe_2 .arrow_in{
	transform: scaleX(-1); /* ← pointe vers terrain (gauche) */
}
.match_comment_ctn.equipe.equipe_2 .arrow_out{
	transform: scaleX(1); /* → pointe vers extérieur (droite) */
}
.match_comment_ctn.equipe .remplacement_sort{
	background: #F5E8E8;
}

/** remplacement 2023 **/
.match_comment_ctn.equipe .comment.remplacement .section_player_1 .remplace_picto{
	position: absolute; right: 0; top: 0; height: 100%; width: 25px;
	background-repeat: no-repeat; background-position: right center; background-size: 25px; background-image: url("/static/img/match/remplacement_in.svg");
}
.match_comment_ctn.equipe .comment.remplacement .section_player_2 .remplace_picto{
	position: absolute; right: 0; top: 0; height: 100%; width: 12px;
	background-repeat: no-repeat; background-position: right center; background-size: 12px; background-image: url("/static/img/match/remplacement_out.svg");
}
.match_comment_ctn.equipe.equipe_1 .comment.remplacement .section_player_1 .remplace_picto{
	left: 0; background-position: left center; transform: rotate(180deg);
}
.match_comment_ctn.equipe.equipe_1 .comment.remplacement .section_player_2 .remplace_picto{
	left: 0; background-position: left center; transform: rotate(180deg);
}

/*** comment for deroule **/
.match_comment_ctn.deroule{text-align: center; margin-top: 40px;}
.match_comment_ctn.deroule .comment{background: white; max-width: 90%; border-radius: 24px; padding: 16px 18px 8px 18px;}
.match_comment_ctn.deroule .comment .picto{position: absolute; top: -36px; left: 50%; margin-left: -22px;}
.match_comment_ctn.deroule .action_libel{color: #272727; font-size: 1.5rem; font-style: normal;}

/*** TAB **/
.tir_choice{background-repeat: no-repeat; background-position: center; font-size: 0; width: 40px; height: 40px;display: inline-block; border-radius: 50%; border: 3px solid white; box-shadow: 0px 0px 12px #00000055; margin: 6px 12px; background-color: #00000055;}
.tir_choice.tir_OK, .tir_choice.tir_B{background-image: url("/static/img/match/tab_ok.svg");}
.tir_choice.tir_KO, .tir_choice.tir_R{background-image: url("/static/img/match/tab_ko.svg");}
.tir_choice.tir_B{background-color: #93BC46;}   .tir_choice.tir_R{background-color: #B00A0A;}
.match_comment_ctn.deroule .comment.tab{padding: 12px 10px 8px 10px;}
.match_comment_ctn .comment.tab .tab_val{display: inline-block;width: 40px;height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-weight: bold;background: transparent linear-gradient(180deg, #E0EBEE 0%, #C5D8DF 100%) 0% 0% no-repeat padding-box;}
.match_comment_ctn .comment.tab .tab_val.tab1{margin-right: 20px;}
.match_comment_ctn .comment.tab .tab_val.tab2{margin-left: 20px;}
.match_comment_ctn .comment.comment_seq{padding: 10px 10px 10px 10px; display: inline-flex; max-width: 80%;}
.match_comment_ctn .comment.comment_seq .sequence{width: 200px; text-align: left;}
.match_comment_ctn .comment.comment_seq .sequence .tir_choice{width: 28px; height: 28px; margin: 4px 3px; background-size: 60%; border-width: 2px;}

@media only screen and (max-width: 767px) {
	.match_comment_ctn.equipe .comment .section_player_1 .pname{font-size: 12px;}
	.match_comment_ctn.equipe .action_visual .picto{height: 36px; width: 36px;}
	.match_comment_ctn.equipe .action_visual .player_photo{height: 44px; width: 44px;}
}

/********************************************
*	MATCH LIVE BOTTOM : reaction / photo / As
*********************************************/
.match_live_body .live_bottom{background-color: #E3ECEF; border-radius: 20px; margin: 20px 8px; padding: 12px;}

.match_live_body .live_bottom .photo_match, .match_live_body .live_bottom .as_match{background-color: #ffffff; border-radius: 20px; margin: 20px 8px; padding: 12px;}

.match_live_body .live_bottom .as_match{background-image: linear-gradient(#E0EBEE, #E0EBEE); background-repeat: no-repeat; background-position: 0 80px;}

.match_live_body .live_bottom .reaction{background: white; border-radius: 20px; padding: 10px;}
.match_live_body .live_bottom .reaction .head_member{background: #E3ECEF; border-radius: 20px;padding: 10px;}

/********************************************
*	MATCH LIVE PUBLIC
*********************************************/
.match_tab_main{}
.match_tab_main .tab_item{width: 33%; display: inline-block; padding: 12px 0 0 0; text-align: center; text-transform: uppercase; color: #6A6868;vertical-align: middle; height: 46px;}
.match_tab_main .tab_item.on{border-bottom: 3px solid #66ABE4; color: #66ABE4;}
.match_tab_main .tab_item .compo_indicator{display: inline-block; margin-left: 8px; padding: 2px 8px; background-color: #66ABE4; color: white; border-radius: 10px; font-size: 12px; font-weight: normal;}

.match_tab_content{min-height: 300px;}

/**** TAb COMPO *****/
.match_tab_compos{}
.match_tab_compos .tab_item{width: 49%; display: inline-block; padding: 12px 0 0 0; text-align: center; text-transform: uppercase; color: #6A6868;vertical-align: middle; height: 46px;}
.match_tab_compos .tab_item.on{border-bottom: 3px solid #66ABE4; color: #66ABE4;}
.tab_compo_content{min-height: 500px;}

/*** VIDEO EMBED ***/
.video_wp {}
.video_wp > iframe {height: 315px; width: 560px; position: relative; }
@media only screen and (max-width: 640px) {
.video_wp {overflow:hidden; padding-bottom: 56.25%; position:relative; height:0;}
.video_wp > iframe {left:0; top:0; height:100%; width:100%; position:absolute; }
}

/********* 
* PLAYER SELECT SCREEN
***/
.player_list{}
.player_list .line{background: white; margin-bottom: 8px; height: 46px;}
.player_list .line.selected{background: #06ACED;}
.player_list .line.selected span{color: white;}
.player_list .line img{height: 100%; width: auto; margin-right: 20px;}
.player_list .line span{line-height: 46px; display: inline-block; vertical-align: top;}
.player_list .line.edit{background-repeat: no-repeat; background-image: url("/static/img/picto_edit.svg"); background-position: right 10px center;}

/** ^ MULTI PLAYER SELECT SPECIF */
.player_list .line input{height: 100%; margin: 0 12px;}

/********* 
* ^ COMPOSITION
***/
.player_list.composition{}
.player_list.composition .line span.compo_num{position: absolute; top: 0; left: 0; width: 40px; padding: 0 5px; background: #06ACED; color: white; font-size: 1.5rem; font-weight: bold; text-align: center; }
.player_list.composition .line .player_content{height: 100%; padding-left: 40px;}
.player_list.composition .line .player_content_ctn{height: 100%;}
.player_list.composition .line .player_content_ctn span.empty{padding-left: 50px;}
/********* 
* SLIDER SPONSOR EQUIPE : pb diff tailles images
***/

@media only screen and (min-width: 640px) {
	#sponsors_equipe .slick-slide {text-align: center;}
	#sponsors_equipe .slick-slide img{display: inline-block; vertical-align: top; border-radius: 16px;}
}