/* Bloc ifs/course-schedule — onglets de niveau + tableau (le tableau lui-même
   est stylé par le shortcode [courses]). Ici : la barre d'onglets de niveau. */

/* Dimensions reprises des .stopnja-tabs de l'original (tecaj-single.css
   Spletnik) : padding 3rem, police 2.4rem — rem = 10px (html 62.5%). */
.ifs-course-schedule__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
	margin-bottom: 2.5rem;
}

.ifs-course-schedule__tab {
	flex: 1 1 auto;
	min-width: 8rem;
	padding: 3rem 1.5rem;
	border: none;
	cursor: pointer;
	font-weight: 700;
	font-size: 2.4rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--primary, #3558a2);
	background-color: var(--wp--preset--color--light_gray, #f6f6f6);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.ifs-course-schedule__tab:hover {
	background-color: var(--wp--preset--color--dark_blue, #869ece);
	color: #fff;
}

.ifs-course-schedule__tab.is-active {
	background-color: var(--wp--preset--color--primary, #3558a2);
	color: #fff;
}

.ifs-course-schedule__panel[hidden] { display: none; }

/* Aperçu éditeur. */
.ifs-course-schedule--editor {
	padding: 1.25rem;
	border: 1px dashed var(--wp--preset--color--dark_blue, #869ece);
	border-radius: 6px;
	background: var(--wp--preset--color--light_gray, #f6f6f6);
	color: var(--wp--preset--color--primary, #3558a2);
	text-align: center;
}

/* Tableau des sessions (repris du CSS inline de l'ancien shortcode [courses]). */
.course-table { width: 100%; background: #fff; display: flex; flex-direction: column; gap: 0; }
.course-header { display: none; }
.course-line { display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; padding: 14px 8px; margin: 0; border-bottom: 1px solid #ddd; }
.course-line:nth-child(even) { background-color: #f9f9f9; }
.course-line:hover { background-color: #f1f5f9; transition: background-color 0.2s ease; }
/* Alignement à gauche forcé : en-têtes et contenu calés sur la même colonne
   (des styles hérités — Customizer/meta — centraient les valeurs). */
.course-table .item { flex: 1 1 15%; min-width: 120px; text-align: left; }
/* Le CSS Customizer hérité (post custom_css, servi via global-styles-inline-css)
   pose `.course-line .item{padding-left:12px!important}` sur les lignes (pas sur
   l'en-tête) → 12px de décalage colonnes/titres. !important + spécificité 0,3,0
   pour le battre ; l'espacement vertical vient du padding de .course-line. */
.course-table .course-line > .item { padding: 0 !important; }
.course-table .label { display: none; }
.course-table .value { word-wrap: break-word; text-align: left; }
/* Bouton Prijava : dimensions du .cta-button original (cours.php Spletnik) —
   pleine largeur de sa colonne, padding 10px, police 1.6rem = 16px. */
.course-signup {
	display: inline-block;
	width: 100%;
	padding: 10px;
	text-align: center;
	background: var(--wp--preset--color--orange, #FF9575);
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
}
.course-signup:hover { opacity: 0.88; color: #fff; }
.ifs-course-schedule__empty { text-align: center; opacity: 0.8; }

@media (min-width: 900px) {
	.course-header { display: flex; flex-direction: row; gap: 16px; padding: 12px 8px; background: #f4f4f4; border-radius: 6px 6px 0 0; font-weight: 700; }
}
@media (max-width: 899.98px) {
	.course-line { flex-direction: column; gap: 6px; }
	.course-table .label { display: block; font-weight: 700; margin-bottom: 2px; }
}

/* Onglet sans session : grisé comme sur l'original (reste cliquable, message dans le panneau). */
.ifs-course-schedule__tab.is-empty:not(.is-active) { color: #b3b3b3; }

/* Cours fermé (toggle MF « cours_ouvert » décoché) : accordéon + formulaire de
   contact à la place du tableau. Le style de base des <details> vient de fse.css. */
.ifs-course-closed > summary {
	padding: 1.8rem 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--wp--preset--color--primary, #3558a2);
	cursor: pointer;
}

.ifs-course-closed__body {
	padding: 0 2rem 2rem;
	max-width: 72rem;
}