/* Delivery page — hero + USPs + method/lead-time cards + FAQ accordion. */

.bollaert-delivery {
	margin: var(--wp--preset--spacing--6) auto var(--wp--preset--spacing--12);
}

/* --- Intro: first paragraph on top, full width, compact --- */
.bollaert-delivery__intro { max-width: 860px; margin: 0 auto var(--wp--preset--spacing--5); text-align: center; }
.bollaert-delivery__title { font-size: var(--wp--preset--font-size--2xl); margin: 0 0 var(--wp--preset--spacing--3); }
.bollaert-delivery__lead { font-size: var(--wp--preset--font-size--lg); color: var(--wp--preset--color--muted); line-height: 1.5; margin: 0 auto var(--wp--preset--spacing--4); max-width: 720px; }
.bollaert-delivery__usps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--wp--preset--spacing--3); }
.bollaert-delivery__usps li {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--brand-dark);
	background: var(--wp--preset--color--brand-tint);
	padding: 0.5em 1em;
	border-radius: 999px;
}
.bollaert-delivery__usps svg { color: var(--wp--preset--color--success); flex-shrink: 0; }

/* --- Banner image: show the full collage, centred (no awkward crop) --- */
.bollaert-delivery__banner { max-width: 760px; margin: 0 auto var(--wp--preset--spacing--8); border-radius: 16px; overflow: hidden; border: 1px solid var(--wp--preset--color--border); }
.bollaert-delivery__banner img { width: 100%; height: auto; display: block; }

/* --- Method / lead-time cards --- */
.bollaert-delivery__cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--6);
	margin-bottom: var(--wp--preset--spacing--10);
}
.bollaert-delivery__card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--6);
	box-shadow: var(--wp--preset--shadow--subtle);
}
.bollaert-delivery__card-title { display: flex; align-items: center; gap: 0.5em; font-size: var(--wp--preset--font-size--lg); margin: 0 0 var(--wp--preset--spacing--3); }
.bollaert-delivery__card-title svg { color: var(--wp--preset--color--brand); flex-shrink: 0; }
.bollaert-delivery__card p { color: var(--wp--preset--color--text); line-height: 1.6; margin: 0 0 var(--wp--preset--spacing--3); }
.bollaert-delivery__card p:last-child { margin-bottom: 0; }
.bollaert-delivery__q { font-size: var(--wp--preset--font-size--md); margin: var(--wp--preset--spacing--3) 0 4px; color: var(--wp--preset--color--brand-dark); }

/* --- FAQ accordion --- */
.bollaert-delivery__faq { max-width: 820px; margin: 0 auto; }
.bollaert-delivery__faq-title { font-size: var(--wp--preset--font-size--xl); margin: 0 0 var(--wp--preset--spacing--5); text-align: center; }
.bollaert-delivery__faq-item {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	margin-bottom: var(--wp--preset--spacing--3);
	background: var(--wp--preset--color--white);
	overflow: hidden;
}
.bollaert-delivery__faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
	cursor: pointer;
	font-weight: 600;
	color: var(--wp--preset--color--text);
	list-style: none;
}
.bollaert-delivery__faq-item summary::-webkit-details-marker { display: none; }
.bollaert-delivery__faq-item summary:hover { color: var(--wp--preset--color--brand); }
.bollaert-delivery__chev { flex-shrink: 0; color: var(--wp--preset--color--brand); transform: rotate(90deg); transition: transform 0.2s ease; }
.bollaert-delivery__faq-item[open] .bollaert-delivery__chev { transform: rotate(-90deg); }
.bollaert-delivery__faq-body { padding: 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--4); color: var(--wp--preset--color--muted); line-height: 1.6; }
.bollaert-delivery__faq-body p { margin: 0; }

@media (max-width: 860px) {
	.bollaert-delivery__cols { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--5); }
	.bollaert-delivery__banner { max-width: 100%; }
}