/*
Theme Name: EduBlink Child
Theme URI: https://opositatcae.es
Description: Tema hijo de EduBlink. Ajustes de la tienda de OpositaTCAE.
Author: OpositaTCAE
Template: edublink
Version: 1.0.0
Text Domain: edublink-child
*/

/*
 * El tema padre invierte el orden del precio (assets/css/woocommerce.css:704)
 * con flex-direction: row-reverse, pensando en un precio rebajado: enseña el
 * importe con descuento antes del tachado. El efecto colateral es que también
 * invierte los rangos de precio de los productos variables (se ven "60 € - 20 €")
 * y manda la etiqueta "/ mes" de las suscripciones delante del importe.
 */
.woocommerce div.product .edublink-single-product-main-content-wrapper p.price,
.woocommerce .edublink-yith-wcqv-wrapper .product-pricing .price,
.woocommerce .edublink-single-product-inner .content .price {
	flex-direction: row;
	gap: 6px;
}

/*
 * Botones de Mis pedidos. El tema solo declara display:inline-block para el botón
 * "Ver" (.button.view); los que añade el plugin —cancelar, cambiar de ritmo,
 * actualizar tarjeta— se quedan como enlaces en línea, y el relleno vertical de un
 * elemento en línea no empuja la línea: por eso se montaban unos encima de otros.
 *
 * El display y los márgenes van con !important porque el tema los declara después
 * con selectores más específicos. La separación se da con margen y no solo con
 * gap, para que siga habiendo aire aunque el contenedor no llegue a ser flex.
 */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
	display: inline-block !important;
	float: none !important;
	position: static !important;
	margin: 0 8px 8px 0 !important;
	padding: 12px 21px;
	line-height: 1;
	border-radius: 5px;
	white-space: nowrap;
}