/*
 * AZRAHEL — ficha pública del curso (Tutor LMS), solo `body.single-courses`.
 * Lo encola mu-plugins/azr-ficha-curso.php. Interruptor: AZR_FICHA_CURSO_DISABLED.
 *
 * Cada regla corrige una medida hecha en la ficha de Terapias y la de Protocolo (QA agéntico del 3-oct-2026,
 * confirmada en la réplica local de qa/ficha-curso/). Ningún color ni tipografía nuevos salvo el gris del punto 4,
 * que sustituye al gris de Tutor por otro con contraste suficiente.
 *
 * Por qué los selectores son largos: el reset del tema (hello-elementor reset.css, carga después de Tutor) pone a
 * todo <button type=submit> `width:auto; display:inline-block; border:1px solid #c36`. Una clase de Tutor sola
 * (`.tutor-btn-block`) pierde contra eso; con el prefijo `body.single-courses` gana por especificidad.
 */

/* 1) Precio y botón antes del temario, en una sola columna (por debajo del breakpoint `xl` de Tutor, 1200 px).
 *    En una columna Tutor pone <main> antes que <aside>: el precio quedaba a ~3.000 px del inicio a 390 px.
 *    `order` solo cambia la posición visual; el orden del DOM (y el del lector de pantalla) no se toca. */
@media (max-width: 1199.98px) {
	body.single-courses .tutor-row.tutor-gx-xl-5 > aside.tutor-col-xl-4 {
		order: -1;
	}

	/* Tutor separa la tarjeta del contenido con 40 px por arriba (`tutor-mt-40`): con la tarjeta primero, ese
	 * hueco se suma al de la cabecera. Se pasa abajo. */
	body.single-courses aside.tutor-col-xl-4 > .tutor-single-course-sidebar {
		margin-top: 0;
		margin-bottom: 32px;
	}
}

/* 2) Globos de ayuda del temario hacia dentro (hasta 1024 px). Tutor los abre a la derecha del icono con
 *    `left:calc(100% + 8px)` y 208 px de ancho: en Protocolo, a 768 px, el globo sobresalía hasta x=813
 *    (scrollWidth 813 > 768, scroll horizontal de página). Se anclan al encabezado del tema, a todo su ancho. */
@media (max-width: 1024px) {
	body.single-courses .tutor-accordion-item-header {
		position: relative;
	}

	body.single-courses .tutor-accordion-item-header .tooltip-wrap.tooltip-icon {
		position: static;
	}

	body.single-courses .tutor-accordion-item-header .tooltip-wrap .tooltip-txt.tooltip-right {
		left: 0;
		right: auto;
		top: 100%;
		max-width: min(100%, 520px);
		margin-top: 8px;
		transform: none;
	}

	body.single-courses .tutor-accordion-item-header .tooltip-wrap:hover .tooltip-txt.tooltip-right {
		transform: none;
	}

	/* La flecha de Tutor apunta a la izquierda (borde derecho coloreado): con el globo debajo ya no señala nada. */
	body.single-courses .tutor-accordion-item-header .tooltip-wrap .tooltip-txt.tooltip-right::after {
		display: none;
	}
}

/* 3) INSCRÍBETE (y «Inscripciones cerradas», que lo sustituye con la venta cerrada): ancho completo de la tarjeta,
 *    48 px de alto mínimo y sin el borde magenta del reset del tema. */
body.single-courses .tutor-single-course-sidebar .tutor-add-to-cart-button,
body.single-courses .tutor-single-course-sidebar .azr-sales-window-closed-button,
body.single-courses .tutor-single-course-sidebar .tutor-woocommerce-view-cart {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	border-color: transparent;
}

/* 4) Contraste: el gris de Tutor (#757c8e) da 3,86:1 a 4,17:1 sobre los fondos de la ficha (mínimo AA, 4,5:1);
 *    #5b616f da 5,7:1 o más. Cubre «Categorías», la duración de cada lección y el precio tachado. */
body.single-courses .tutor-color-muted,
body.single-courses .tutor-meta > :not(a),
body.single-courses .tutor-course-content-list-item-duration {
	color: #5b616f;
}

/* 5) Objetivos táctiles de 44 px (lista de deseos, compartir, «Mostrar más», instructor y pestañas). */
body.single-courses .tutor-course-wishlist-btn,
body.single-courses .tutor-course-share-btn,
body.single-courses .tutor-btn-show-more,
body.single-courses .tutor-nav-link {
	min-height: 44px;
}

body.single-courses .tutor-course-details-instructors a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}