/*
 * Styling for the "Request a Review of Company Data" popup.
 *
 * Scoped by .cb-k5tl7exk instead of the popup's id: staging and production are
 * separate installs whose jet-popup ids differ, and the id changes again every
 * time the popup is recreated. These auto-generated JetFormBuilder classes come
 * from the saved block content, so they are identical across both installs.
 * .cb-k5tl7exk is this form's review-checkbox group and appears in no other popup.
 */

/* JetPopup injects its own #jet-popup-styles-<id> with default values inline,
   after this stylesheet — !important is required to win. */
.jet-popup:has(.cb-k5tl7exk) {
	--jp-container-width: 820px !important;
	--jp-container-hor-padding: 30px !important;
	--jp-container-ver-padding: 30px !important;
	--jp-container-hor-margin: 24px !important;
	--jp-container-ver-margin: 40px !important;
	--jp-container-border: 1px solid #dfe5ec !important;
	--jp-container-border-color: #dfe5ec !important;
	--jp-container-border-width: 1px !important;
	--jp-container-border-radius: 22px !important;
	--jp-container-box-shadow: 0 14px 34px rgba(13, 34, 61, .07) !important;
	--jp-close-button-bg-color: #17365d !important;
	--jp-close-button-border: 1px solid #17365d !important;
	--jp-close-button-border-radius: 999px !important;
	--jp-close-button-size: 32px !important;
	--jp-close-button-icon-size: 14px !important;
	--jp-close-button-translate-x: -10px !important;
	--jp-close-button-translate-y: 10px !important;
}

/* Plugin's own max-height:100% ignores margin, so we set it explicitly. */
.jet-popup:has(.cb-k5tl7exk) .jet-popup__container {
	max-height: calc(100vh - 2 * 40px) !important;
}

.jet-popup:has(.cb-k5tl7exk) .jet-popup__container-inner {
	max-height: 100%;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder {
	--rd-navy: #17365d;
	--rd-blue: #3559d9;
	--rd-ink: #1e2938;
	--rd-muted: #657083;
	--rd-line: #dfe5ec;
	--rd-soft: #f6f8fb;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--rd-ink);
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-row {
	margin-bottom: 8px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-row:last-child {
	margin-bottom: 0;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-row.field-type-heading-field {
	margin-bottom: 26px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__heading .jet-form-builder__label-text {
	color: var(--rd-navy);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.03em;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__heading-desc {
	margin-top: 8px;
	color: var(--rd-muted);
	line-height: 1.6;
}

.jet-popup:has(.cb-k5tl7exk) .wp-block-columns {
	gap: 18px;
	margin-bottom: 18px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__label-text {
	color: var(--rd-navy);
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 4px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__required {
	color: #b42318;
}

/* Radio group "What would you like RestaurantData to do?" — option cards. */
.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__fields-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__field-wrap.radio-wrap {
	margin: 0;
	padding: 14px;
	background-color: var(--rd-soft);
	border: 1px solid var(--rd-line);
	border-radius: 12px;
}

.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__field-wrap.radio-wrap:last-child {
	background-color: #FFF8DC;
	border-color: #EADB9A;
}

.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__field-label.for-radio {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	cursor: pointer;
}

.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__field-label.for-radio input {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin: 2px 0 0;
	accent-color: var(--rd-blue);
}

.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj + .wp-block-paragraph {
	display: block;
	margin: 0;
	padding: 13px 14px;
	color: #5F5426;
	background-color: #FFF8DC;
	border-left: 4px solid #E6C554;
	border-radius: 0 10px 10px 0;
	font-size: 12px;
	line-height: 1.5;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap input,
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap select,
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap textarea {
	width: 100%;
	padding: 12px 14px;
	color: var(--rd-ink) !important;
	background-color: #fff !important;
	border: 1px solid #cfd7e2;
	border-radius: 12px;
	font: inherit;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap input,
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap select {
	min-height: 48px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap textarea {
	min-height: 118px;
	line-height: 1.5;
	resize: vertical;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap input:focus,
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap select:focus,
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-wrap textarea:focus {
	outline: none;
	border-color: var(--rd-blue);
	box-shadow: 0 0 0 4px rgba(53, 89, 217, .12);
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__desc small {
	color: var(--rd-muted);
	font-size: 12px;
	line-height: 1.45;
}

/* "What information should we review?" — checkbox pills, 2 columns. */
.jet-popup:has(.cb-k5tl7exk) .cb-k5tl7exk .jet-form-builder__fields-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.jet-popup:has(.cb-k5tl7exk) .cb-k5tl7exk .jet-form-builder__field-wrap.checkboxes-wrap {
	padding: 11px 12px;
	background: var(--rd-soft);
	border: 1px solid var(--rd-line);
	border-radius: 11px;
	margin: 0;
}

.jet-popup:has(.cb-k5tl7exk) .cb-rp2qmva8 .jet-form-builder__field-wrap.checkboxes-wrap {
	padding: 0;
	background: none;
	border: none;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-label.for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 13px;
	line-height: 1.45;
	cursor: pointer;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__field-label.for-checkbox input {
	width: 17px;
	height: 17px;
	margin: 2px 0 0;
	accent-color: var(--rd-blue);
}

/* Note+button row: :last-of-type won't work (messages-wrap follows), so we
   target the submit row's stable class instead. */
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder .wp-block-columns:has(.cb-e2lqviw2) {
	display: flex;
	align-items: center !important;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 0;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder .wp-block-columns:has(.cb-e2lqviw2) .wp-block-paragraph {
	margin: 0;
	color: var(--rd-muted);
	font-size: 12px;
	line-height: 1.45;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__action-button-wrapper.jet-form-builder__submit-wrap {
	display: flex;
	justify-content: flex-end;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-messages-wrap {
	margin: 0;
	padding: 0;
	border: none;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	color: #fff;
	background: var(--rd-blue);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 12px 26px rgba(53, 89, 217, .28);
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
	transition: transform .2s ease;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder__submit:hover {
	transform: translateY(-1px);
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload {
	padding: 12px 14px;
	border: 1px solid #cfd7e2;
	border-radius: 12px;
	background: #fff;
}

/* Plugin reserves 100px for the preview area even when empty; collapse it. */
.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload__content {
	height: auto !important;
	min-height: 0 !important;
	margin-bottom: 0;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload__content:has(img, .jet-form-builder-file-upload__file) {
	margin-bottom: 10px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload__files {
	height: auto !important;
	min-height: 0 !important;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload__message {
	height: auto !important;
	min-height: 0 !important;
	margin-top: 8px;
}

.jet-popup:has(.cb-k5tl7exk) .jet-form-builder-file-upload__message small {
	color: var(--rd-muted);
	font-size: 12px;
}

@media (max-width: 650px) {
	.jet-popup:has(.cb-k5tl7exk) {
		--jp-container-hor-padding: 22px !important;
		--jp-container-ver-padding: 22px !important;
		--jp-container-hor-margin: 14px !important;
		--jp-container-ver-margin: 20px !important;
	}

	.jet-popup:has(.cb-k5tl7exk) .jet-popup__container {
		max-height: calc(100vh - 2 * 20px) !important;
	}

	.jet-popup:has(.cb-k5tl7exk) .jet-form-builder .wp-block-columns:has(.cb-e2lqviw2) {
		flex-direction: column;
		align-items: stretch;
	}

	.jet-popup:has(.cb-k5tl7exk) .cb-k5tl7exk .jet-form-builder__fields-group,
	.jet-popup:has(.cb-k5tl7exk) .cb-z2aiwkjj .jet-form-builder__fields-group {
		grid-template-columns: 1fr;
	}
}