/* ==========================================================================
   Twins Supply — the stamp card block

   Shown on the account overview and the thank you page when an enrolment link
   is set (WooCommerce → Settings → Advanced → Basket & checkout style → Stamp
   card). Colours come from the same --tc-* variables as the rest.
   ========================================================================== */

.twins-loyalty {
	--tc-accent: #c49c5c;
	--tc-accent-bright: #d3ad6d;
	--tc-text: #fcfcfc;
	--tc-muted: #a3a694;
	--tc-line: rgba(196, 156, 92, 0.28);
	--tc-soft: rgba(196, 156, 92, 0.08);
	--tc-ink: #101a08;

	margin: 26px 0;
	padding: 22px 24px 24px;
	border: 1px solid var(--tc-line);
	border-radius: 14px;
	background: var(--tc-soft);
}

.twins-loyalty .twins-loyalty__title {
	margin: 0 0 8px;
	color: var(--tc-text);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}

.twins-loyalty .twins-loyalty__text {
	margin: 0 0 18px;
	max-width: 52ch;
	color: var(--tc-muted);
	font-size: 14.5px;
	line-height: 1.6;
}

/* Written to outrank the link colours the checkout styling sets. */
body .twins-loyalty a.twins-loyalty__btn,
body .woocommerce-MyAccount-content .twins-loyalty a.twins-loyalty__btn {
	display: inline-block;
	padding: 13px 24px;
	border: 1px solid var(--tc-accent);
	border-radius: var(--tc-button-radius, 0);
	background: var(--tc-accent);
	color: var(--tc-ink);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: background 0.2s ease, color 0.2s ease;
}

body .twins-loyalty a.twins-loyalty__btn:hover,
body .twins-loyalty a.twins-loyalty__btn:focus-visible,
body .woocommerce-MyAccount-content .twins-loyalty a.twins-loyalty__btn:hover {
	background: transparent;
	color: var(--tc-accent-bright);
}

@media (max-width: 600px) {

	.twins-loyalty {
		padding: 18px 18px 20px;
	}

	body .twins-loyalty a.twins-loyalty__btn {
		display: block;
		text-align: center;
	}
}