/**
 * Content & utility page styles (Help, Contact, Sale, Gifts, About pages).
 * Enqueued after theme.css — reuses the same tokens and card grid.
 */

/* ---------- Rich content typography inside .entry-content ----------
   Scoped away from WooCommerce pages so prose styles never bleed into
   the cart / checkout / account UI. */
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content > h2 { margin-top: 1.6em; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content > h2:first-child { margin-top: 0; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content > h3 { margin-top: 1.3em; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content ul,
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content ol { margin: 0 0 1.2em; padding-left: 1.4em; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content li { margin-bottom: .4em; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content ul { list-style: disc; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content ol { list-style: decimal; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content hr { border: 0; border-top: 1px solid var(--grey-200); margin: 2.4em 0; }
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content a { text-decoration: underline; text-underline-offset: 2px; }

/* Lead paragraph */
.entry-content .lead { font-size: 1.15rem; color: var(--grey-700); }

/* ---------- FAQ / Help sections ---------- */
.faq-section { margin-bottom: 2.4em; }
.faq-section h2 {
	padding-bottom: .3em;
	border-bottom: 2px solid var(--sand);
}
.faq-q { font-weight: 700; color: var(--teal); margin: 1.1em 0 .3em; }
.faq-a { margin: 0 0 1em; }

/* ---------- Contact details block ---------- */
.contact-details {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	margin: 1.6em 0 2em;
	padding: 24px;
	background: var(--sand);
	border-radius: var(--radius-lg);
}
.contact-details__item { min-width: 180px; }
.contact-details__label {
	display: block;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .72rem;
	font-weight: 700;
	color: var(--red);
	margin-bottom: .25em;
}
.contact-details__value { font-size: 1.1rem; font-weight: 600; color: var(--teal); }
.contact-details__value a { color: var(--teal); text-decoration: none; }
.contact-details__value a:hover { color: var(--red); }

/* ---------- Formidable form: match the theme's pill buttons ----------
   Formidable's base rule (.frm_style_formidable-style.with_frm_style
   .frm_submit button) hardcodes a blue square button, so we out-specify it
   and set the hover custom properties it reads. */
.frm_forms.with_frm_style {
	--submit-hover-bg-color: var(--teal-hover);
	--submit-hover-border-color: var(--teal-hover);
	--submit-hover-color: var(--white);
	--submit-active-bg-color: var(--teal-hover);
	--submit-active-border-color: var(--teal-hover);
	--submit-active-color: var(--white);
}
.frm_style_formidable-style.with_frm_style .frm_submit button.frm_button_submit {
	font: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	padding: 14px 30px;
	border-radius: 999px;
	border: 1px solid var(--teal);
	background: var(--teal);
	color: var(--white);
	box-shadow: none;
	text-shadow: none;
	transition: background .2s ease, transform .05s ease, color .2s ease;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.frm_button_submit:hover {
	background: var(--teal-hover);
	border-color: var(--teal-hover);
	color: var(--white);
}
.frm_style_formidable-style.with_frm_style .frm_submit button.frm_button_submit:active { transform: translateY(1px); }

/* ---------- Collection page (Sale / Gifts) ---------- */
.collection-page { padding-block: clamp(40px, 6vw, 72px); }
.collection-page .archive-head { margin-bottom: 24px; }

/* Graceful empty state */
.collection-empty {
	max-width: 620px;
	margin: 12px auto;
	padding: 48px 32px;
	text-align: center;
	background: var(--sand);
	border-radius: var(--radius-lg);
}
.collection-empty__icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	color: var(--teal);
	display: block;
}
.collection-empty h2 { margin: 0 0 .4em; }
.collection-empty p { color: var(--grey-700); margin: 0 auto 1.4em; max-width: 460px; }
.collection-empty__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}