/* ASM Correctifs, affichage du thème Splash sur ordinateur, tablette et téléphone, version 1.3.1 */

/*
 * Menu principal. Le thème garde le menu d'ordinateur à partir de 788 px, mais avec les réglages
 * du site (textes de 20 px, logo de 210 px), le menu demande 1121 px de large au-dessus de 1024 px
 * et 966 px en dessous. Faute de place, il passait sur deux lignes et la seconde, écrite en blanc,
 * disparaissait sur le fond blanc de la page. Les textes et les marges se resserrent donc
 * progressivement : 16 px et 9 px à 788 px, valeurs habituelles (20 px et 29 px) à partir de
 * 1178 px. Le menu tient toujours sur une seule ligne, avec de la marge, même quand le navigateur
 * affiche une barre de défilement. Les navigateurs trop anciens pour ces calculs gardent les plus
 * petites valeurs, qui tiennent partout. Réglage prévu pour les neuf entrées actuelles du menu :
 * en ajouter une, ou allonger un intitulé, demande de le revoir.
 */
@media (min-width: 787.02px) and (max-width: 1199.98px) {
	body.basketball_two.header_2 .stm-header.stm-header-second .stm-header-inner .stm-main-menu .stm-main-menu-unit > ul.kos-header-menu > li > a {
		font-size: 16px !important;
		font-size: clamp(16px, calc(16px + (100vw - 788px) * 4 / 390), 20px) !important;
	}

	body.basketball_two.header_2 .stm-header.stm-header-second .stm-header-inner .stm-main-menu .stm-main-menu-unit > ul.kos-header-menu > li:not(.stm_menu_item_logo) > a {
		padding-right: 9px;
		padding-right: clamp(9px, calc(9px + (100vw - 788px) * 20 / 390), 29px);
		padding-left: 9px;
		padding-left: clamp(9px, calc(9px + (100vw - 788px) * 20 / 390), 29px);
	}

	/* Le premier lien du menu reste aligné sur le bord gauche, comme sur ordinateur. */
	body.basketball_two.header_2 .stm-header.stm-header-second .stm-header-inner .stm-main-menu .stm-main-menu-unit > ul.kos-header-menu > li:first-child > a {
		padding-left: 0;
	}

	/* Les sous-menus placés à droite du logo s'ouvrent vers la gauche, pour rester dans l'écran. */
	body.basketball_two.header_2 .stm-header.stm-header-second .stm-header-inner .stm-main-menu .stm-main-menu-unit > ul.kos-header-menu > li.stm_menu_item_logo ~ li > .sub-menu {
		right: 18px;
		left: auto;
		margin-left: 0;
	}
}

/*
 * Logo du menu. Entre 788 et 812 px, le thème le cache. Sur ce site, c'est lui qui donne sa
 * hauteur au bandeau rouge : sans lui, le menu sortait du bandeau, blanc sur blanc.
 */
@media (min-width: 787.02px) and (max-width: 812px) {
	body.basketball_two.header_2 .stm-header.stm-header-second .stm-header-inner .stm-main-menu .stm-main-menu-unit > ul.kos-header-menu > li.stm_menu_item_logo > a {
		display: block;
	}
}

/*
 * Bandeau du haut. Le slogan est décalé vers la droite d'une distance fixe et se faisait couper
 * sous 850 px environ. En dessous de 862 px, il se décale maintenant juste assez pour rester
 * entier, avec une dizaine de pixels de marge.
 */
@media (min-width: 787.02px) and (max-width: 991.98px) {
	body.basketball_two #stm-top-bar .stm-top-bar_left .stm-head-ticket ul > li:nth-child(3) {
		left: 0;
		left: min(38%, calc(80.833vw - 520px));
	}
}

/*
 * Actualités de l'accueil. Sur ordinateur et tablette, les trois dernières actualités forment
 * une colonne à droite des deux premières. Quand un article n'a pas d'image à la une, sa hauteur
 * réduite faisait glisser les suivantes au milieu de la grille : elles restent maintenant dans
 * la colonne de droite. En dessous de 813 px, le thème passait à deux colonnes étroites mal
 * alignées : la grille garde des lignes régulières, puis une seule colonne sur téléphone.
 */
@media (min-width: 812.02px) {
	body.basketball_two .stm-news-grid.style_2 .tab-content .tab-pane .stm-latest-news-wrapp > .stm-latest-news-single:nth-child(n+3) {
		float: right;
		clear: right;
	}
}

@media (max-width: 812px) {
	body.basketball_two .stm-news-grid.style_2 .tab-content .tab-pane .stm-latest-news-wrapp {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-column-gap: 30px;
		column-gap: 30px;
	}

	body.basketball_two .stm-news-grid.style_2 .tab-content .tab-pane .stm-latest-news-wrapp > .stm-latest-news-single {
		width: auto !important;
		float: none;
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 575.98px) {
	body.basketball_two .stm-news-grid.style_2 .tab-content .tab-pane .stm-latest-news-wrapp {
		grid-template-columns: minmax(0, 1fr);
	}
}

/*
 * Partenaires de l'accueil. Les deux bandeaux de logos affichent tous les logos sur une seule
 * ligne : sur téléphone, chaque logo ne faisait plus que 25 à 30 px de large. Ils passent à
 * quatre logos par ligne sous 768 px. La règle ne vise que les carrousels d'images fixes
 * (sans défilement automatique) qui montrent plusieurs images à la fois.
 */
@media (max-width: 767px) {
	body.home .vc_images_carousel.vc_per-view-more[data-interval="0"] .vc_carousel-slideline {
		width: auto !important;
	}

	body.home .vc_images_carousel.vc_per-view-more[data-interval="0"] .vc_carousel-slideline-inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		left: 0 !important;
		transform: none !important;
	}

	body.home .vc_images_carousel.vc_per-view-more[data-interval="0"] .vc_item {
		width: 25% !important;
		height: auto !important;
		float: none;
	}
}

/*
 * Pied de page. Tous les textes en blanc, à toutes les largeurs : le téléphone et l'adresse
 * e-mail s'affichaient en noir, comme les autres liens du thème.
 */
body.basketball_two .footer-widgets-wrapper .widget {
	color: #fff;
}

body.basketball_two .footer-widgets-wrapper .widget a,
body.basketball_two .footer-widgets-wrapper .widget a:hover,
body.basketball_two .footer-widgets-wrapper .widget a:focus {
	color: #fff !important;
}

/*
 * Pied de page sur tablette. La colonne « Liens utiles » ne faisait que 18 % de la largeur :
 * entre 768 et 990 px environ, son titre ou « La vie du club » passaient sur deux lignes.
 * Elle garde au moins 185 px, et ses proportions habituelles dès qu'il y a la place.
 */
@media (min-width: 767.02px) {
	body.basketball_two .footer-widgets-wrapper #text-2 {
		width: min(78%, calc(96% - 185px));
	}

	body.basketball_two .footer-widgets-wrapper #nav_menu-2 {
		width: max(18%, 185px);
	}
}

/* Pied de page sur téléphone : le bloc « Liens utiles » s'aligne sur l'adresse au-dessus. */
@media (max-width: 767px) {
	body.basketball_two .footer-widgets-wrapper .stm-cols-3 .widget_nav_menu {
		padding-left: 0;
	}
}

/*
 * Pied de page entre 813 et 1199 px. La rangée des widgets dépassait de 10 px de chaque côté :
 * texte collé au bord de l'écran et, jusqu'à 1004 px environ, défilement horizontal de toute la
 * page. Elle reprend les marges que le thème lui donne sous 813 px.
 */
@media (min-width: 812.02px) and (max-width: 1199.98px) {
	body.basketball_two .footer-widgets-wrapper .stm-cols-3 {
		margin-right: 0;
		margin-left: 0;
	}
}