/* QV CTA Card — self-contained app card.
   On offer pages, offer-page.css overrides these (higher specificity). */

.qv-cta-card-editor section,
.wp-block-qv-cta-card section { display: block; }

.custom-section {
	display: block;
	box-sizing: border-box; /* keep width:100% + padding + border inside the container (no overflow) */
	width: 100%;
	margin: 16px 0;
	padding: 16px;
	background: #FFFFFF;
	color: #708090;
	border: 1px solid #DEE2E6;
	border-radius: 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
}

.custom-section .flex { display: flex; }
.custom-section .w-full { width: 100%; }
.custom-section .items-center { align-items: center; }
.custom-section .justify-between { justify-content: space-between; }
.custom-section .space-x-3 > * + * { margin-left: 12px; }
.custom-section .text-lg { font-size: 18px; line-height: 28px; color: #708090; }
.custom-section .font-bold { font-weight: 700; }

section.mx-1 a.text-white,
.custom-section a.text-white { display: block; color: #708090; text-decoration: none; }

/* Small print under the card. */
section.mx-1 > p.text-xs { font-size: 11px; line-height: 1.4; color: #6b7280; text-align: center; margin: 5px 0; }

/* wpautop can insert empty paragraphs between the imported blocks; hide them. */
.custom-section p { display: none; }
section.mx-1 > p:not([class]) { display: none; }