/* ALD Deals — frontend styles. Deliberately light: layout + states only,
   colours/typography inherit from the active theme where possible. */

.ald-deals-disclosure {
	border: 1px solid #d8d8d8;
	background: #fafafa;
	padding: 0.75em 1em;
	margin: 1em 0 1.5em;
	font-size: 0.9em;
	line-height: 1.5;
}
.ald-deals-disclosure p { margin: 0; }

.ald-deals-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25rem;
	margin: 1em 0 2em;
}

.ald-deal-card {
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #fff;
}
.ald-deal-card .ald-deal-thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.ald-deal-body { padding: 1em 1.1em 1.2em; }
.ald-deal-store {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.78em;
	opacity: 0.75;
	margin: 0 0 0.3em;
}
.ald-deal-title { margin: 0 0 0.4em; font-size: 1.15em; }
.ald-deal-excerpt { margin: 0 0 0.8em; font-size: 0.95em; }
.ald-deal-ends { font-size: 0.88em; font-weight: 600; margin: 0 0 0.6em; }
.ald-deal-nocode { font-size: 0.88em; margin: 0 0 0.6em; }

.ald-deal-button {
	display: inline-block;
	padding: 0.55em 1.2em;
	border-radius: 6px;
	background: #0f3b3b;
	color: #fff !important;
	text-decoration: none;
	font-weight: 600;
}
.ald-deal-button:hover { opacity: 0.88; }
.ald-button-muted { background: #6b7280; }

.ald-reveal-code {
	padding: 0.45em 1em;
	border: 1px dashed #0f3b3b;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font-weight: 600;
}
.ald-code-value {
	margin-left: 0.5em;
	font-size: 1.05em;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.ald-deal-badge {
	display: inline-block;
	padding: 0.2em 0.7em;
	border-radius: 999px;
	font-size: 0.82em;
	font-weight: 700;
}
.ald-badge-expired { background: #9ca3af; color: #fff; }

/* Expired state: clearly labelled + greyed (scope §3). */
.ald-deal-expired { opacity: 0.72; }
.ald-deals-expired-fold .ald-deal-card { filter: grayscale(0.6); }
.ald-expired-note { font-size: 0.92em; font-style: italic; }

.ald-deals-tiles {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}
.ald-deals-tiles li a {
	display: inline-block;
	border: 1px solid #d8d8d8;
	border-radius: 999px;
	padding: 0.4em 1em;
	text-decoration: none;
}
.ald-tile-count { opacity: 0.7; }

.ald-deals-verified { font-size: 0.88em; opacity: 0.8; }
.ald-deal-single .ald-deal-action {
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	padding: 1em 1.2em;
	margin: 1.2em 0;
}
.ald-deal-dates { font-size: 0.9em; margin-top: 0.6em; }
