/* =====================================================================
   PAGE D'UN PACK (course-bundle) — même langage visuel que la page d'un cours
   ---------------------------------------------------------------------
   Voir mu-plugins/mu-pack-page.php. Demande du propriétaire (13/10/2026) : la page d'un pack était
   restée au gabarit brut de Tutor Pro (fond blanc, liens roses, titres énormes, colonne qui passe
   sous le menu), alors que la page d'un cours a le style du thème Histudy.

   AUCUN gabarit n'est remplacé : cette feuille habille le balisage de Tutor Pro
   (addons/course-bundle/templates/single-course-bundle.php) avec les repères du thème relevés sur
   la page d'un cours : bandeau bg-image-10.jpg, titres Mulish 900 #192335, texte #6b7385, violet
   #501aa2, cartes blanches (rayon 6 px, ombre 0 6px 34px rgba(215,216,222,.41)), carte latérale à
   liseré dégradé (-145deg, #cfa2e8 → #637fea), collante à 110 px sous le menu.

   PORTÉE : tout est préfixé par body.single-course-bundle ; la feuille n'est mise en file que sur
   la page d'un pack. Aucune autre page n'est touchée.
   ===================================================================== */

body.single-course-bundle {
	--mu-pk-violet: #501aa2;
	--mu-pk-violet-clair: #b966e7;
	--mu-pk-titre: #192335;
	--mu-pk-texte: #6b7385;
	--mu-pk-bord: #e6e3f1;
	--mu-pk-ombre: 0 6px 34px rgba(215, 216, 222, .41);
}

/* ---------------------------------------------------------------------
   1. Bandeau (titre, auteur, catégories, favoris / partage)
   --------------------------------------------------------------------- */
body.single-course-bundle .tutor-course-details-page {
	padding-top: 0 !important;
	padding-bottom: 80px;
}

body.single-course-bundle .tutor-course-details-header {
	position: relative;
	z-index: 0;
	margin: 0 0 50px !important;
	padding: 64px 0 60px;
}

body.single-course-bundle .tutor-course-details-header::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: #f3eefe url(/wp-content/themes/histudy/assets/images/rbt-common/bg-image-10.jpg) center / cover no-repeat;
}

body.single-course-bundle .tutor-course-details-title {
	margin: 0 !important;
	font-family: Mulish, sans-serif;
	font-size: 34px !important;
	line-height: 1.3 !important;
	font-weight: 900 !important;
	color: var(--mu-pk-titre) !important;
}

/* Étiquette « Pack de cours » au-dessus du titre. */
body.single-course-bundle .tutor-course-details-title::before {
	content: "Pack de cours";
	display: table;
	margin: 0 0 14px;
	padding: 5px 14px;
	border-radius: 500px;
	background: linear-gradient(90deg, var(--mu-pk-violet), var(--mu-pk-violet-clair));
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .4px;
	text-transform: uppercase;
}

body.single-course-bundle .tutor-course-details-top {
	margin-top: 18px !important;
}

body.single-course-bundle .tutor-course-details-info {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--mu-pk-texte);
}

body.single-course-bundle .tutor-course-details-info a {
	color: var(--mu-pk-violet);
	font-weight: 600;
	text-decoration: none;
}

body.single-course-bundle .tutor-course-details-info a:hover {
	color: var(--mu-pk-violet-clair);
}

body.single-course-bundle .tutor-course-details-info .tutor-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mu-pk-violet), var(--mu-pk-violet-clair));
	box-shadow: 0 4px 12px rgba(80, 26, 162, .25);
}

body.single-course-bundle .tutor-course-details-info .tutor-avatar .tutor-avatar-text {
	color: #fff;
	font-weight: 700;
}

/* Favoris / partage : deux pastilles blanches. */
body.single-course-bundle .tutor-course-details-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 0 !important;
}

body.single-course-bundle .tutor-course-details-actions > a.tutor-btn {
	margin: 0 !important;
	padding: 8px 16px !important;
	border: 1px solid var(--mu-pk-bord) !important;
	border-radius: 500px !important;
	background: #fff !important;
	color: var(--mu-pk-titre) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	box-shadow: 0 2px 8px rgba(25, 35, 53, .05);
	transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body.single-course-bundle .tutor-course-details-actions > a.tutor-btn:hover {
	border-color: var(--mu-pk-violet-clair) !important;
	color: var(--mu-pk-violet) !important;
	box-shadow: 0 6px 16px rgba(80, 26, 162, .12);
}

/* ---------------------------------------------------------------------
   2. Colonne principale : image, « À propos », cours du pack
   --------------------------------------------------------------------- */
body.single-course-bundle .tutor-course-thumbnail {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: var(--mu-pk-ombre);
}

body.single-course-bundle .tutor-course-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

body.single-course-bundle .tutor-course-details-tab {
	margin-top: 30px !important;
}

body.single-course-bundle .tutor-course-details-tab > .tutor-tab {
	padding-top: 0 !important;
}

body.single-course-bundle .tutor-course-details-tab .rbt-shadow-box {
	border-radius: 10px;
}

body.single-course-bundle .tutor-course-details-tab .rbt-shadow-box .tutor-color-secondary {
	color: var(--mu-pk-texte) !important;
	font-size: 15px !important;
	line-height: 1.8;
}

body.single-course-bundle .tutor-course-details-tab .rbt-shadow-box p:empty {
	display: none;
}

/* Titre « Cours dans l'offre groupée (N) ». */
body.single-course-bundle .tutor-course-details-tab .tutor-mt-32 > h2 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 18px !important;
	font-family: Mulish, sans-serif;
	font-size: 22px !important;
	line-height: 1.3 !important;
	font-weight: 900 !important;
	color: var(--mu-pk-titre) !important;
}

body.single-course-bundle .tutor-course-details-tab .tutor-mt-32 > h2::before {
	content: "";
	flex: 0 0 6px;
	width: 6px;
	height: 26px;
	border-radius: 6px;
	background: linear-gradient(180deg, var(--mu-pk-violet), var(--mu-pk-violet-clair));
}

body.single-course-bundle .tutor-bundle-courses-wrapper {
	display: grid;
	gap: 14px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	list-style: none;
	counter-reset: mu-pk-cours;
}

body.single-course-bundle .tutor-bundle-course-list-wrapper {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 18px;
	margin: 0 !important;
	padding: 14px 54px 14px 16px !important;
	border: 1px solid var(--mu-pk-bord) !important;
	border-radius: 12px !important;
	background: #fff !important;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	counter-increment: mu-pk-cours;
}

body.single-course-bundle .tutor-bundle-course-list-wrapper:hover {
	border-color: #cfa2e8 !important;
	box-shadow: 0 12px 30px rgba(80, 26, 162, .10);
	transform: translateY(-2px);
}

/* Numéro du cours dans le pack, à droite. */
body.single-course-bundle .tutor-bundle-course-list-wrapper::after {
	content: counter(mu-pk-cours, decimal-leading-zero);
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	font-family: Mulish, sans-serif;
	font-size: 15px;
	font-weight: 900;
	color: #d5c9ee;
}

body.single-course-bundle .tutor-bundle-course-list-counter {
	flex: 0 0 104px !important;
	width: 104px !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.single-course-bundle .tutor-bundle-feature-image {
	display: block;
	width: 104px;
}

body.single-course-bundle .tutor-bundle-feature-image img {
	display: block;
	width: 104px !important;
	height: 68px !important;
	object-fit: cover;
	border-radius: 8px !important;
}

body.single-course-bundle .tutor-bundle-course-list-desc {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 !important;
}

body.single-course-bundle .tutor-bundle-course-list-desc > a {
	text-decoration: none;
}

body.single-course-bundle .tutor-bundle-course-title {
	margin: 0 !important;
	font-family: Mulish, sans-serif;
	font-size: 17px !important;
	line-height: 1.4 !important;
	font-weight: 800 !important;
	color: var(--mu-pk-titre) !important;
	word-break: normal !important;
	overflow-wrap: break-word;
	transition: color .2s ease;
}

body.single-course-bundle .tutor-bundle-course-list-wrapper:hover .tutor-bundle-course-title {
	color: var(--mu-pk-violet) !important;
}

body.single-course-bundle .tutor-bundle-course-list-desc p {
	margin: 4px 0 0 !important;
	font-size: 13px;
	line-height: 1.6;
	color: var(--mu-pk-texte);
}

body.single-course-bundle .tutor-bundle-course-list-desc p a {
	color: var(--mu-pk-violet);
	font-weight: 600;
	text-decoration: none;
}

/* ---------------------------------------------------------------------
   3. Colonne latérale : prix et bouton, étiquettes, formateurs
   --------------------------------------------------------------------- */
/* Colonne collante. Tutor pose en ligne « max-height: 80vh; overflow-y: scroll » et un z-index de
   501 : barre de défilement visible et colonne qui passait PAR-DESSUS le menu fixe du site (z 99).
   On garde le défilement interne (utile sur un petit écran) mais sans barre, sous le menu, et
   avec la place qu'il faut pour que l'ombre des cartes ne soit pas rognée. */
body.single-course-bundle .tutor-single-course-sidebar.tutor-sidebar-sticky {
	top: 110px !important;
	z-index: 9 !important;
	max-height: calc(100vh - 130px) !important;
	margin-right: -16px;
	margin-left: -16px;
	padding: 4px 16px 34px;
	overflow-y: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.single-course-bundle .tutor-single-course-sidebar.tutor-sidebar-sticky::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

body.single-course-bundle .tutor-single-course-sidebar > .tutor-card.tutor-sidebar-card {
	border: 2px solid transparent !important;
	border-radius: 10px !important;
	padding: 28px !important;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(-145deg, #cfa2e8, #637fea) border-box !important;
	box-shadow: var(--mu-pk-ombre) !important;
}

body.single-course-bundle .tutor-single-course-sidebar > .tutor-card.tutor-sidebar-card > .tutor-card-body {
	padding: 0 !important;
}

/* Bouton « Explorer les cours » (élève inscrit au pack) : même bouton plein dégradé que « Ajouter
   au panier » (demande du 13/10/2026), au lieu du bouton à contour de Tutor. */
body.single-course-bundle .tutor-single-course-sidebar a.tutor-btn.tutor-btn-block:not(.add_to_cart_button) {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 60px;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background-color: transparent !important;
	background-image: linear-gradient(to right, #501aa2, #b966e7, #b966e7, #501aa2) !important;
	background-size: 300% 100% !important;
	background-position: 0 0;
	color: #fff !important;
	font-family: Poppins, sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	letter-spacing: -.3px;
	text-decoration: none !important;
	box-shadow: none;
	transition: background-position .4s ease-in-out, box-shadow .3s ease, transform .3s ease;
}

body.single-course-bundle .tutor-single-course-sidebar a.tutor-btn.tutor-btn-block:not(.add_to_cart_button)::after {
	content: "\2192";
	font-size: 18px;
	line-height: 1;
	transition: transform .3s ease;
}

body.single-course-bundle .tutor-single-course-sidebar a.tutor-btn.tutor-btn-block:not(.add_to_cart_button):hover,
body.single-course-bundle .tutor-single-course-sidebar a.tutor-btn.tutor-btn-block:not(.add_to_cart_button):focus {
	background-position: 100% 0;
	color: #fff !important;
	box-shadow: 0 12px 26px rgba(80, 26, 162, .28);
	transform: translateY(-1px);
}

body.single-course-bundle .tutor-single-course-sidebar a.tutor-btn.tutor-btn-block:not(.add_to_cart_button):hover::after {
	transform: translateX(4px);
}

/* Progression du pack (élève inscrit) : titre et barre aux couleurs du site. */
body.single-course-bundle .tutor-single-course-sidebar .tutor-course-progress-wrapper h3 {
	margin-bottom: 12px !important;
	font-family: Mulish, sans-serif;
	font-size: 18px !important;
	font-weight: 900 !important;
	color: var(--mu-pk-titre) !important;
}

body.single-course-bundle .tutor-single-course-sidebar .tutor-progress-bar .tutor-progress-value {
	background: linear-gradient(90deg, var(--mu-pk-violet), var(--mu-pk-violet-clair)) !important;
}

/* Étiquettes : retirées de la page d'un pack (demande du 13/10/2026). mu-pack-page.php ne les
   fait plus imprimer ; cette règle n'est qu'un filet. */
body.single-course-bundle .tutor-single-course-sidebar-more {
	display: none !important;
}

/* Le conteneur des étiquettes existe même pour un pack sans étiquette : la carte est donc portée
   par le bloc intérieur, absent dans ce cas (sinon une carte blanche vide apparaissait). */
body.single-course-bundle .tutor-single-course-sidebar-more {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.single-course-bundle .tutor-single-course-sidebar-more > .tutor-course-details-widget,
body.single-course-bundle .tutor-bundle-author-list {
	margin-top: 24px !important;
	padding: 26px 28px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: var(--mu-pk-ombre) !important;
}

body.single-course-bundle .tutor-single-course-sidebar-more .inner-title,
body.single-course-bundle .tutor-bundle-author-list h2 {
	margin: 0 0 16px !important;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--mu-pk-bord);
	font-family: Mulish, sans-serif;
	font-size: 18px !important;
	line-height: 1.4 !important;
	font-weight: 900 !important;
	color: var(--mu-pk-titre) !important;
}

body.single-course-bundle .tutor-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

body.single-course-bundle .tutor-tag-list li {
	margin: 0 !important;
	padding: 0 !important;
}

body.single-course-bundle .tutor-tag-list li a {
	display: inline-block;
	margin: 0 !important;
	padding: 6px 14px !important;
	border: 1px solid transparent !important;
	border-radius: 500px !important;
	background: #f5f1fc !important;
	color: var(--mu-pk-violet) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	box-shadow: none !important;
	text-transform: none;
	transition: background-color .2s ease, color .2s ease;
}

body.single-course-bundle .tutor-tag-list li a:hover {
	background: var(--mu-pk-violet) !important;
	color: #fff !important;
}

body.single-course-bundle .tutor-bundle-author-list .tutor-courses-instructors {
	gap: 14px !important;
}

body.single-course-bundle .tutor-bundle-author-list .tutor-avatar {
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mu-pk-violet), var(--mu-pk-violet-clair));
}

body.single-course-bundle .tutor-bundle-author-list .tutor-avatar .tutor-avatar-text {
	color: #fff;
	font-weight: 700;
}

body.single-course-bundle .tutor-bundle-author-list a.tutor-color-black {
	color: var(--mu-pk-titre) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none;
	text-transform: none;
	transition: color .2s ease;
}

body.single-course-bundle .tutor-bundle-author-list a.tutor-color-black:hover {
	color: var(--mu-pk-violet) !important;
}

/* ---------------------------------------------------------------------
   4. Grand écran : la carte du prix remonte dans le bandeau, comme sur un cours
   --------------------------------------------------------------------- */
@media (min-width: 1200px) {
	body.single-course-bundle .tutor-course-details-header > * {
		max-width: 64%;
	}

	body.single-course-bundle .tutor-course-details-page > .tutor-row > aside {
		margin-top: -190px;
	}
}

/* ---------------------------------------------------------------------
   5. Tablette et téléphone
   --------------------------------------------------------------------- */
@media (max-width: 1199px) {
	/* Colonnes empilées : plus de colonne collante ni de défilement interne. */
	body.single-course-bundle .tutor-single-course-sidebar.tutor-sidebar-sticky {
		position: static !important;
		max-height: none !important;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		overflow: visible !important;
	}

	body.single-course-bundle .tutor-course-details-header {
		margin-bottom: 30px !important;
		padding: 44px 0 40px;
	}

	body.single-course-bundle .tutor-course-details-title {
		font-size: 28px !important;
	}
}

@media (max-width: 767px) {
	body.single-course-bundle .tutor-course-details-header {
		padding: 34px 0 30px;
	}

	body.single-course-bundle .tutor-course-details-title {
		font-size: 23px !important;
	}

	body.single-course-bundle .tutor-course-details-info {
		align-items: flex-start;
	}

	body.single-course-bundle .tutor-course-details-actions {
		margin-top: 14px !important;
	}

	body.single-course-bundle .tutor-course-details-tab .tutor-mt-32 > h2 {
		font-size: 19px !important;
	}

	body.single-course-bundle .tutor-bundle-course-list-wrapper {
		gap: 12px;
		padding: 12px 40px 12px 12px !important;
	}

	body.single-course-bundle .tutor-bundle-course-list-counter {
		flex: 0 0 76px !important;
		width: 76px !important;
	}

	body.single-course-bundle .tutor-bundle-feature-image,
	body.single-course-bundle .tutor-bundle-feature-image img {
		width: 76px !important;
	}

	body.single-course-bundle .tutor-bundle-feature-image img {
		height: 52px !important;
	}

	body.single-course-bundle .tutor-bundle-course-title {
		font-size: 15px !important;
	}

	body.single-course-bundle .tutor-bundle-course-list-wrapper::after {
		right: 12px;
		font-size: 13px;
	}

	body.single-course-bundle .tutor-single-course-sidebar > .tutor-card.tutor-sidebar-card,
	body.single-course-bundle .tutor-single-course-sidebar-more > .tutor-course-details-widget,
	body.single-course-bundle .tutor-bundle-author-list {
		padding: 22px !important;
	}
}