/*
 * Collector Circle modal
 * Upload as: /wp-content/themes/blocksy-child/collector-circle.css
 * Independent from artwork-detail.css.
 * Visual values aligned with the Artwork Inquiry modal.
 */
body.collector-circle-is-open{overflow:hidden}.collector-circle-modal[hidden]{display:none!important}.collector-circle-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:32px;font-family:inherit}.collector-circle-modal__backdrop{position:absolute;inset:0;background:rgba(20,20,20,.36);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.collector-circle-modal__window{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100vh - 64px);overflow-y:auto;padding:34px 38px 38px;border:1px solid rgba(20,20,20,.08);border-radius:4px;background:#fff;box-shadow:0 20px 70px rgba(20,20,20,.18);color:inherit;overscroll-behavior:contain}.collector-circle-modal__close{position:absolute;top:16px;right:18px;display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:28px;font-weight:300;line-height:1;cursor:pointer}.collector-circle-modal__close:hover,.collector-circle-modal__close:focus-visible{background:#FBFAF8}.collector-circle-modal__header{margin:0 48px 30px 0;padding:0}.collector-circle-modal__eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.collector-circle-modal__title{margin:0 0 18px!important;font-family:inherit!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}.collector-circle-modal__intro{margin:0!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important}.collector-circle-modal__form .forminator-ui,.collector-circle-modal__form .forminator-custom-form{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.collector-circle-modal__form .forminator-row{margin-bottom:20px!important}.collector-circle-modal__form .forminator-row:last-child{margin-bottom:0!important}.collector-circle-modal__form .forminator-field{margin:0!important}.collector-circle-modal__form .forminator-label{display:block!important;margin:0 0 8px!important;color:inherit!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}.collector-circle-modal__form input[type=text],.collector-circle-modal__form input[type=email],.collector-circle-modal__form input[type=tel],.collector-circle-modal__form input[type=url],.collector-circle-modal__form textarea,.collector-circle-modal__form select{width:100%!important;min-height:46px!important;margin:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid rgba(20,20,20,.22)!important;border-radius:0!important;outline:0!important;background:transparent!important;color:inherit!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;box-shadow:none!important}.collector-circle-modal__form input:focus,.collector-circle-modal__form textarea:focus,.collector-circle-modal__form select:focus{border-bottom-color:rgba(20,20,20,.75)!important}.collector-circle-modal__form input::placeholder,.collector-circle-modal__form textarea::placeholder{color:rgba(20,20,20,.48)!important;opacity:1}.collector-circle-modal__form .forminator-checkbox{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:inherit!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}.collector-circle-modal__form .forminator-checkbox-box{margin-top:1px!important}.collector-circle-modal__form .forminator-description,.collector-circle-modal__form .forminator-error-message{font-family:inherit!important;font-size:13px!important;line-height:1.45!important}.collector-circle-modal__form .forminator-response-message{margin:0 0 22px!important;padding:14px 16px!important;border-radius:2px!important;font-family:inherit!important;font-size:14px!important;line-height:1.5!important}.collector-circle-modal__form .forminator-button-submit{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:8px 0 0!important;padding:10px 18px!important;border:0!important;border-radius:2px!important;background:#FBFAF8!important;color:inherit!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}.collector-circle-modal__form .forminator-button-submit:hover,.collector-circle-modal__form .forminator-button-submit:focus-visible{background:#F3F0EB!important;font-weight:700!important}.collector-circle-modal__privacy{margin:24px 0 0!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.55!important}.collector-circle-modal__privacy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.collector-circle-modal__privacy a:hover,.collector-circle-modal__privacy a:focus-visible{font-weight:600}@media(max-width:767px){.collector-circle-modal{align-items:end;padding:16px}.collector-circle-modal__window{width:100%;max-height:calc(100dvh - 32px);padding:28px 22px 26px;border-radius:4px 4px 0 0}.collector-circle-modal__header{margin-right:40px;margin-bottom:24px}.collector-circle-modal__title{font-size:23px!important}.collector-circle-modal__form .forminator-row{margin-bottom:17px!important}}@media(max-width:480px){.collector-circle-modal{padding:0}.collector-circle-modal__window{max-height:100dvh;min-height:100dvh;padding:26px 18px 24px;border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){.collector-circle-modal *,.collector-circle-modal *::before,.collector-circle-modal *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ==========================================================
   Collector Circle Trigger – Gutenberg button
   ========================================================== */

/* The CSS class is assigned to the individual Gutenberg
   Button block, not to the surrounding Buttons container. */
.wp-block-buttons > .wp-block-button.collector-circle-trigger {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
}

/* Main button appearance: compact, content-width and aligned
   with the existing Artwork Inquiry button language. */
.wp-block-button.collector-circle-trigger > .wp-block-button__link,
.wp-block-button__link.collector-circle-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: 100% !important;
	min-height: 44px !important;
	padding: 10px 18px !important;

	border: 0 !important;
	border-radius: 2px !important;
	background: #FBFAF8 !important;
	box-shadow: none !important;

	color: inherit !important;
	font-family: inherit !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: normal !important;

	cursor: pointer !important;

	transition:
		background-color 160ms ease,
		font-weight 160ms ease !important;
}

.wp-block-button.collector-circle-trigger > .wp-block-button__link:hover,
.wp-block-button.collector-circle-trigger > .wp-block-button__link:focus-visible,
.wp-block-button__link.collector-circle-trigger:hover,
.wp-block-button__link.collector-circle-trigger:focus-visible {
	background: #F3F0EB !important;
	color: inherit !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.wp-block-button.collector-circle-trigger > .wp-block-button__link:focus-visible,
.wp-block-button__link.collector-circle-trigger:focus-visible {
	outline: 2px solid currentColor !important;
	outline-offset: 3px !important;
}

.wp-block-button.collector-circle-trigger > .wp-block-button__link:active,
.wp-block-button__link.collector-circle-trigger:active {
	background: #ECE8E1 !important;
}

/* Ensure the outer Gutenberg Buttons block does not force
   the trigger itself to stretch across the available width. */
.wp-block-buttons:has(> .wp-block-button.collector-circle-trigger) {
	align-items: flex-start !important;
}

@supports not selector(:has(*)) {
	.wp-block-button.collector-circle-trigger {
		align-self: flex-start !important;
	}
}

@media (max-width: 480px) {
	.wp-block-button.collector-circle-trigger > .wp-block-button__link,
	.wp-block-button__link.collector-circle-trigger {
		font-size: 17px !important;
	}
}

/* ==========================================================
   Collector Circle modal – visual alignment v1.1
   Targeted refinements based on artwork-detail.css
   ========================================================== */

/* Match the Artwork Inquiry header treatment while retaining
   the Collector Circle intro text as a separate element. */
.collector-circle-modal__header {
	margin: 0 48px 24px 0;
	padding: 0 0 22px;
	border-bottom: 1px solid rgba(20, 20, 20, 0.10);
}

.collector-circle-modal__title {
	margin: 0 0 14px !important;
	font-size: 26px !important;
	line-height: 1.2 !important;
}

.collector-circle-modal__intro {
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* Slightly more compact submit button, while preserving the
   same height, background and interaction states. */
.collector-circle-modal__form .forminator-button-submit {
	padding-right: 14px !important;
	padding-left: 14px !important;
}

@media (max-width: 767px) {
	.collector-circle-modal__header {
		margin-right: 40px;
		margin-bottom: 20px;
		padding-bottom: 18px;
	}

	.collector-circle-modal__title {
		margin-bottom: 12px !important;
		font-size: 23px !important;
	}
}