/*
 * tek-checkout — the mini-cart (header side cart) empty state (amendment A8).
 *
 * Structure comes from templates/mini-cart-empty.php; this file only adds
 * declarations against the classes that template emits. It is enqueued on a
 * page that carries a mini-cart and nowhere else (src/MiniCart.php).
 *
 * Elementor Pro's side-cart panel lays `.widget_shopping_cart_content` out as
 * a full-height flex column, so `margin: auto` on the block centres it in the
 * panel; outside that panel it simply renders in flow. Colours are custom
 * properties with the plugin's own defaults so a theme can override them the
 * same way it would the checkout's `--tek-*` tokens.
 */

.tek-minicart-empty {
	--tek-minicart-heading-color: #043462;
	--tek-minicart-body-color: #555;
	--tek-minicart-button-background: #0e5599;
	--tek-minicart-button-background-hover: #043462;
	--tek-minicart-button-color: #fff;

	box-sizing: border-box;
	margin: auto;
	max-width: 100%;
	padding: 2rem 1rem;
	text-align: center;
	width: 100%;
}

.tek-minicart-empty__heading {
	color: var( --tek-minicart-heading-color );
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 0.5rem;
}

.tek-minicart-empty__body {
	color: var( --tek-minicart-body-color );
	font-size: 1.1rem;
	line-height: 1.45;
	margin: 0 0 1.5rem;
}

/*
 * The CTA is an <a>, and Elementor's kit styles every link in the document as
 * `.elementor-kit-<id> a { color: … }` (0,1,1), which outranks a single class.
 * Both selectors below are written at (0,2,1) / (0,3,1) so the button text
 * keeps its own colour on every kit without `!important`, and `:link` /
 * `:visited` are named so a visited-link rule cannot recolour it either.
 */
.tek-minicart-empty a.tek-minicart-empty__cta,
.tek-minicart-empty a.tek-minicart-empty__cta:link,
.tek-minicart-empty a.tek-minicart-empty__cta:visited {
	background: var( --tek-minicart-button-background );
	border: 0;
	border-radius: 4px;
	color: var( --tek-minicart-button-color );
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	padding: 1em 1.8em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.15s ease;
}

.tek-minicart-empty a.tek-minicart-empty__cta:hover,
.tek-minicart-empty a.tek-minicart-empty__cta:focus,
.tek-minicart-empty a.tek-minicart-empty__cta:active {
	background: var( --tek-minicart-button-background-hover );
	color: var( --tek-minicart-button-color );
	text-decoration: none;
}

.tek-minicart-empty a.tek-minicart-empty__cta:focus-visible {
	outline: 3px solid var( --tek-minicart-button-background );
	outline-offset: 2px;
}

@media ( prefers-reduced-motion: reduce ) {
	.tek-minicart-empty__cta {
		transition: none;
	}
}