/**
 * Template: Offer (CPT: offer)
 *
 * single-offer.php + archive-offer.php
 * Loaded via inc/assets.php when is_singular('offer') || is_post_type_archive('offer').
 */

/* ── Single offer ─────────────────────────────────────────────── */

.single-offer .site-main {
	padding: 0;
}

.single-offer article.single-offer {
	margin: 0;
}

/* ── Archive offers grid (współdzielone z archive-offer.css) ─── */

.offers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--spacing-lg);
	margin-bottom: var(--spacing-xl);
}

.offer-card {
	display: flex;
	flex-direction: column;
	background: var(--color-bg);
	border: 1px solid color-mix(in srgb, var(--color-text) 12%, transparent);
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.offer-card:hover {
	box-shadow: 0 8px 24px color-mix(in srgb, var(--color-text) 10%, transparent);
	transform: translateY(-2px);
}

.offer-card__thumb {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.offer-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.offer-card__content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: var(--spacing-md);
	gap: var(--spacing-sm);
}

.offer-card__title {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.3;
}

.offer-card__title a {
	color: var(--color-text);
}

.offer-card__title a:hover {
	color: var(--color-primary);
}

.offer-card__desc {
	margin: 0;
	font-size: 0.9375rem;
	color: color-mix(in srgb, var(--color-text) 70%, transparent);
}

.offer-card__link {
	margin-top: auto;
	font-weight: 600;
}

/* ── Checklist (sekcja 'Dlaczego warto') ───────────────────────── */

.mc-checklist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mc-checklist li {
	margin-bottom: 10px;
	display: flex;
	align-items: flex-start;
}

.mc-checklist li::before {
	content: "✔";
	color: var(--color-secondary);
	font-size: 1.5rem;
	margin-right: 15px;
	line-height: 1.2;
	flex-shrink: 0;
}

/* ── FAQ toggle icon ─────────────────────────────────────────────── */

.mc-faq-toggle {
	flex-shrink: 0;
	margin-left: 12px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	transition: transform 0.2s ease;
	user-select: none;
}