/**
 * Shell form Ardesia — un solo pannello opaco, come Intimo.
 * Niente cornici Gutenberg nidificate.
 */

:root {
	--ardesia-form-bg: #0b0614;
	--ardesia-form-card: #1e0b23;
	--ardesia-form-field: #160818;
	--ardesia-form-gold: #f1cf92;
	--ardesia-form-magenta: #e879f9;
	--ardesia-form-radius: 24px;
}

:is(
	.ardesia-form-shell,
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) {
	position: relative !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at top center, rgba(116, 27, 56, 0.4), transparent 38%),
		radial-gradient(circle at top right, rgba(212, 169, 93, 0.16), transparent 30%),
		linear-gradient(180deg, #160818 0%, #0b0614 42%, #160818 100%) !important;
	border: 1px solid rgba(212, 169, 93, 0.16) !important;
	border-radius: var(--ardesia-form-radius) !important;
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 236, 190, 0.06),
		inset 0 -1px 0 rgba(255, 236, 190, 0.06) !important;
	max-width: 700px !important;
	margin: 0 auto !important;
	padding: 28px 24px !important;
}

:is(
	.ardesia-form-shell,
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
)::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: -10% !important;
	right: -10% !important;
	bottom: -8% !important;
	height: 48% !important;
	pointer-events: none !important;
	z-index: 0 !important;
	background:
		radial-gradient(ellipse at center bottom, rgba(140, 36, 70, 0.55) 0%, rgba(212, 169, 93, 0.16) 36%, transparent 72%) !important;
}

:is(
	.ardesia-form-shell,
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) > * {
	position: relative !important;
	z-index: 1 !important;
}

:is(
	.ardesia-form-shell,
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
)::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* Contenitori pagina/UAGB: niente secondo/terzo riquadro. */
.ardesia-professional-form-host,
.ardesia-professional-form-host.wp-block-uagb-container,
.ardesia-professional-form-host .wp-block-uagb-container,
.ardesia-professional-form-host .uagb-block-inner-wrap,
.ardesia-professional-form-host .uagb-container-inner-blocks-wrap {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Titolo: testo, non un'altra card. */
:is(
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .professional-form-header {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 0 4px !important;
	margin-bottom: 18px !important;
}

.ardesia-professional-form-ui .professional-form-kicker {
	background: rgba(212, 169, 93, 0.12) !important;
	border: 1px solid rgba(212, 169, 93, 0.28) !important;
	color: #f1cf92 !important;
}

/* Righe JetForm: niente riquadro per ogni campo. */
:is(
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .jet-form-builder-row {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 0 16px !important;
	margin-bottom: 0 !important;
}

.ardesia-professional-form-ui .jet-form-builder-row.field-type-submit-field {
	padding: 8px 0 0 !important;
}

/* Piani: due card, come Intimo. */
.professional-plan-selector {
	gap: 14px !important;
	margin: 8px 0 18px !important;
	overflow: visible !important;
}

.professional-plan-card,
.professional-plan-card.plan-base,
.professional-plan-card.plan-premium {
	background: linear-gradient(180deg, #1e0b23 0%, #0f0818 100%) !important;
	border-radius: 20px !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28) !important;
	overflow: visible !important;
}

.professional-plan-card::before {
	content: none !important;
	display: none !important;
}

.professional-plan-card.plan-base {
	border: 2px solid rgba(192, 38, 211, 0.35) !important;
}

.professional-plan-card.plan-premium {
	border: 2px solid rgba(251, 191, 36, 0.35) !important;
}

.professional-plan-card.selected.plan-base {
	border-color: #c026d3 !important;
	box-shadow: 0 0 18px rgba(192, 38, 211, 0.28) !important;
	background: #220e3d !important;
}

.professional-plan-card.selected.plan-premium {
	border-color: #f1cf92 !important;
	box-shadow: 0 0 18px rgba(212, 169, 93, 0.22) !important;
	background: linear-gradient(180deg, #26101c 0%, #120814 100%) !important;
}

.professional-plan-card:hover {
	transform: none !important;
}

.professional-plan-head {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin-bottom: 6px !important;
}

.professional-plan-name {
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	margin: 0 !important;
}

.professional-plan-topline {
	margin: 0 0 12px !important;
	color: rgba(235, 220, 227, 0.55) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	text-transform: none !important;
}

.professional-plan-price {
	display: flex !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 0 14px !important;
	line-height: 1 !important;
}

.professional-plan-amount {
	font-size: 2rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	line-height: 1 !important;
}

.professional-plan-unit {
	font-size: 13px !important;
	font-weight: 700 !important;
	opacity: 0.8 !important;
}

.plan-base .professional-plan-name {
	color: #e879f9 !important;
}

.plan-base .professional-plan-price,
.plan-base .professional-plan-amount,
.plan-base .professional-plan-unit {
	color: #f0abfc !important;
}

.plan-premium .professional-plan-name {
	color: #f1cf92 !important;
}

.plan-premium .professional-plan-price,
.plan-premium .professional-plan-amount,
.plan-premium .professional-plan-unit {
	color: #ffe9b8 !important;
}

.professional-plan-badge {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: static !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 -18px 16px !important;
	padding: 9px 14px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.2em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	transform: none !important;
	border-radius: 0 !important;
	border: none !important;
	color: #1a0c10 !important;
	background:
		linear-gradient(180deg, rgba(255, 249, 230, 0.35), transparent 42%),
		linear-gradient(90deg, #7a4e1f 0%, #d4a45d 18%, #f8e4b0 50%, #d4a45d 82%, #7a4e1f 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.4),
		inset 0 -1px 0 rgba(80, 40, 10, 0.28),
		0 8px 18px rgba(212, 169, 93, 0.18) !important;
}

.professional-plan-badge::before,
.professional-plan-badge::after {
	content: "" !important;
	display: inline-block !important;
	width: 5px !important;
	height: 5px !important;
	margin: 0 10px !important;
	transform: rotate(45deg) !important;
	background: #1a0c10 !important;
	opacity: 0.55 !important;
	flex-shrink: 0 !important;
}

.professional-plan-card.plan-premium {
	overflow: hidden !important;
	padding-top: 0 !important;
}

.professional-plan-selected {
	display: none !important;
}

.professional-plan-card.selected .professional-plan-selected {
	display: inline-flex !important;
	background: rgba(251, 191, 36, 0.14) !important;
	border-color: rgba(251, 191, 36, 0.35) !important;
	color: #fde68a !important;
}

.professional-plan-card.selected.plan-base .professional-plan-selected {
	background: rgba(192, 38, 211, 0.16) !important;
	border-color: rgba(192, 38, 211, 0.4) !important;
	color: #f0abfc !important;
}

.professional-balance-box {
	background: linear-gradient(180deg, #1e0b23 0%, #0f0818 100%) !important;
	border: 1px solid rgba(212, 169, 93, 0.16) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	padding: 14px 18px !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(
	.jet-form-builder__field.text-field,
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="url"],
	input[type="tel"],
	textarea,
	select
) {
	background: #160818 !important;
	border: 1px solid rgba(212, 169, 93, 0.22) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #f8f0f4 !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="7106"],
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(input, textarea, select):focus {
	border-color: rgba(212, 169, 93, 0.48) !important;
	box-shadow: 0 0 0 3px rgba(212, 169, 93, 0.12) !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(
	.jet-form-builder__label,
	.jet-form-builder__label-text,
	.jet-form-builder__heading,
	.jet-form-builder-row,
	.jet-form-builder__field-label,
	.field-type-checkbox-field .jet-form-builder__field-label,
	.field-type-radio-field .jet-form-builder__field-label,
	.field-type-media-field,
	.field-type-file-upload .jet-form-builder__label
) {
	color: rgba(248, 240, 244, 0.92) !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(.jet-form-builder__desc, .jet-form-builder__heading-desc) {
	color: rgba(235, 220, 227, 0.56) !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(.jet-form-builder__field, input, textarea)::placeholder {
	color: rgba(235, 220, 227, 0.45) !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) select option {
	background: #1c0c1e !important;
	color: #f8f0f4 !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: #398ffc;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) a {
	color: #f1cf92 !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(
	.jet-form-builder__submit,
	.jet-form-builder__action-button,
	button[type="submit"]
) {
	background: linear-gradient(135deg, #cfa45d, #f1cf92 55%, #f7e6bf) !important;
	color: #241015 !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 14px 40px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	cursor: pointer;
	width: 100% !important;
	box-shadow: 0 10px 24px rgba(212, 169, 93, 0.16) !important;
}

:is(
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) :is(.jet-form-builder-file-upload, .jet-form-builder-file-upload__content) {
	background: rgba(212, 169, 93, 0.04) !important;
	border: 2px dashed rgba(212, 169, 93, 0.24) !important;
	border-radius: 14px !important;
	color: rgba(235, 220, 227, 0.7) !important;
}

.ardesia-professional-form-host .wp-block-separator {
	background: rgba(212, 169, 93, 0.22) !important;
	border-color: rgba(212, 169, 93, 0.22) !important;
	opacity: 1 !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-editor-shell {
	background: #160818 !important;
	border: 1px solid rgba(212, 169, 93, 0.28) !important;
	border-radius: 14px !important;
	overflow: hidden;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-toolbar {
	background: rgba(12, 4, 14, 0.55) !important;
	border-bottom: 1px solid rgba(212, 169, 93, 0.18) !important;
	flex-wrap: nowrap;
	gap: 8px;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) select.aat-font-select {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	min-height: 44px !important;
	padding: 8px 12px !important;
	background: #1c0c1e !important;
	color: #f8f0f4 !important;
	border: 1px solid rgba(212, 169, 93, 0.38) !important;
	border-radius: 10px !important;
	color-scheme: dark !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) select.aat-font-select option {
	background: #1c0c1e !important;
	color: #f8f0f4 !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-tool-btn {
	flex: 0 0 auto;
	color: #f1cf92 !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-tool-btn:hover,
:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-tool-btn.is-active {
	background: rgba(212, 169, 93, 0.18) !important;
	border-color: rgba(241, 207, 146, 0.45) !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-editor {
	background: #160818 !important;
	color: #f8f0f4 !important;
	caret-color: #f1cf92;
	min-height: 220px;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) .aat-editor:focus {
	box-shadow: inset 0 0 0 2px rgba(212, 169, 93, 0.28) !important;
}

:is(
	.ardesia-professional-form-ui,
	form[data-form-id="4548"],
	body.ardesia-jfb-annuncio .jet-form-builder,
	.jet-form-builder:has([name^="tag_annuncio"])
) textarea.aat-original-textarea {
	min-height: 0 !important;
	resize: none;
}

@media (max-width: 640px) {
	.professional-plan-selector {
		flex-direction: column !important;
	}

	:is(
		.ardesia-professional-form-ui,
		form[data-form-id="7106"],
		form[data-form-id="4548"],
		body.ardesia-jfb-annuncio .jet-form-builder,
		.jet-form-builder:has([name^="tag_annuncio"])
	) {
		padding: 20px 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.professional-plan-card,
	.ardesia-professional-form-ui .jet-form-builder__submit,
	body.ardesia-jfb-annuncio .jet-form-builder .jet-form-builder__submit {
		transition: none !important;
	}
}

/*
 * Crea annuncio: il CSS Personalizza forza #111 su radio/select/checkbox.
 * Queste regole stanno in coda e usano :has(), così funzionano anche
 * se l'ID JetForm non è più 4548 e la pagina non è più 4631.
 */
body.ardesia-jfb-annuncio .jet-form-builder .field-type-radio-field .jet-form-builder__field-label,
body.ardesia-jfb-annuncio .jet-form-builder .field-type-checkbox-field .jet-form-builder__field-label,
body.ardesia-jfb-annuncio .jet-form-builder .jet-form-builder-row,
body.ardesia-jfb-annuncio .jet-form-builder .jet-form-builder__label-text,
body.ardesia-jfb-annuncio .jet-form-builder .field-type-file-upload .jet-form-builder__label,
body.ardesia-jfb-annuncio .jet-form-builder .field-type-media-field,
.jet-form-builder:has([name^="tag_annuncio"]) .field-type-radio-field .jet-form-builder__field-label,
.jet-form-builder:has([name^="tag_annuncio"]) .field-type-checkbox-field .jet-form-builder__field-label,
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row,
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder__label-text,
.jet-form-builder:has([name^="tag_annuncio"]) .field-type-file-upload .jet-form-builder__label,
.jet-form-builder:has([name^="tag_annuncio"]) .field-type-media-field {
	color: rgba(248, 240, 244, 0.92) !important;
}

body.ardesia-jfb-annuncio .jet-form-builder-row input[type="text"],
body.ardesia-jfb-annuncio .jet-form-builder-row input[type="email"],
body.ardesia-jfb-annuncio .jet-form-builder-row input[type="url"],
body.ardesia-jfb-annuncio .jet-form-builder-row textarea,
body.ardesia-jfb-annuncio .jet-form-builder-row select,
body.ardesia-jfb-annuncio .jet-form-builder-row option,
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row input[type="text"],
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row input[type="email"],
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row input[type="url"],
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row textarea,
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row select,
.jet-form-builder:has([name^="tag_annuncio"]) .jet-form-builder-row option {
	color: #f8f0f4 !important;
	background: #160818 !important;
}

body.ardesia-jfb-annuncio .aat-editor-shell,
.jet-form-builder:has([name^="tag_annuncio"]) .aat-editor-shell {
	background: #160818 !important;
	border-color: rgba(212, 169, 93, 0.28) !important;
}

body.ardesia-jfb-annuncio .aat-toolbar,
.jet-form-builder:has([name^="tag_annuncio"]) .aat-toolbar {
	background: rgba(12, 4, 14, 0.55) !important;
}

body.ardesia-jfb-annuncio .aat-editor,
.jet-form-builder:has([name^="tag_annuncio"]) .aat-editor {
	background: #160818 !important;
	color: #f8f0f4 !important;
}