/**
 * Sloop Racing front-end overrides.
 *
 * Small, targeted overrides that the active theme's CSS otherwise wins
 * against Bootstrap's defaults (loaded via srevent-bootstrap).
 */

/* WooCommerce's own order-received confirmation, made prominent. */
.woocommerce-thankyou-order-received {
	font-size: 2rem;
	font-weight: 700;
}

/* Theme styles were overriding Bootstrap's white .btn-primary text with black. */
.srevent-back-to-event .btn-primary {
	color: #fff !important;
}

/*
 * Next-event announcement card — MDB-style image-top card. No JS ripple
 * (this plugin ships no JS at all); the hover zoom below is a pure-CSS
 * stand-in for MDB's ripple/hover-overlay interaction.
 */
.srevent-next-event-announcement {
	overflow: hidden;
	border-radius: 0.5rem;
}

.srevent-next-event__image-wrap {
	overflow: hidden;
}

.srevent-next-event__image-wrap img,
.srevent-next-event__image-wrap .srevent-card-placeholder {
	transition: transform 0.3s ease-in-out;
}

.srevent-next-event-announcement:hover .srevent-next-event__image-wrap img,
.srevent-next-event-announcement:hover .srevent-next-event__image-wrap .srevent-card-placeholder {
	transform: scale(1.05);
}

/*
 * Public results page ([srevent_results]).
 *
 * Nine columns will not fit a phone, so each table sits in Bootstrap's
 * .table-responsive and scrolls sideways on its own; these rules stop the
 * numeric columns wrapping mid-value while it does, and keep each
 * Classification reading as a clearly separate block.
 */
.srevent-results__division + .srevent-results__division {
	margin-top: 2.5rem;
}

.srevent-results__classification {
	margin-bottom: 1.75rem;
}

.srevent-results-table th,
.srevent-results-table td {
	white-space: nowrap;
}

/* The one free-text column — a penalty reason is a sentence, let it wrap. */
.srevent-results-table td:nth-child(8) {
	white-space: normal;
	min-width: 12rem;
}

.srevent-results-table__rank {
	text-align: right;
}

.srevent-results-row--did_not_start,
.srevent-results-row--did_not_finish,
.srevent-results-row--out_of_competition {
	font-style: italic;
}