/*
 * RateRocket injects tenant-level :root variables after the theme stylesheet.
 * Keep the overrides on the documented --rtrkt-* surface and mark them
 * important so the local Figma theme wins the runtime tenant defaults.
 */
:root {
	--argyll-rate-rocket-control-surface: #ffe1c9;
	--argyll-rate-rocket-hero-overlap: clamp(48px, 5vw, 84px);
	--argyll-rate-rocket-next-overlap: clamp(56px, 5vw, 96px);
	--rtrkt-color-neutral-100: var(--wp--preset--color--base) !important;
	--rtrkt-color-neutral-85: var(--wp--preset--color--base) !important;
	--rtrkt-color-neutral-70: #f2f2f2 !important;
	--rtrkt-color-neutral-55: #ededed !important;
	--rtrkt-color-neutral-35: rgba(30, 30, 30, 0.3) !important;
	--rtrkt-color-neutral-20: rgba(30, 30, 30, 0.68) !important;
	--rtrkt-color-neutral-00: var(--wp--preset--color--neutral) !important;
	--rtrkt-color-accent-800: var(--argyll-rate-rocket-control-surface) !important;
	--rtrkt-color-accent-500: var(--wp--preset--color--secondary) !important;
	--rtrkt-color-accent-600: var(--wp--preset--color--brown) !important;
	--rtrkt-color-danger-500: #dc3545 !important;
	--rtrkt-theme-color-primary-50: var(--wp--preset--color--secondary) !important;
	--rtrkt-theme-color-header: var(--wp--preset--color--secondary) !important;
	--rtrkt-theme-color-header-border: rgba(30, 30, 30, 0.3) !important;
	--rtrkt-rate-best-value: var(--wp--preset--color--secondary) !important;
	--rtrkt-border-radius-300: 8px !important;
	--rtrkt-border-radius-500: 12px !important;
	--rtrkt-border-radius-700: 16px !important;
	--rtrkt-border-radius-800: 16px !important;
	--rtrkt-field-min-height: 64px !important;
	--rtrkt-typography-primary-font-family: var(--wp--preset--font-family--body) !important;
	--rtrkt-typography-font-weight: var(--wp--custom--font-weight--body-regular) !important;
	--rtrkt-typography-font-weight-semibold: var(--wp--custom--font-weight--body-semibold) !important;
	--rtrkt-typography-font-weight-bold: var(--wp--custom--font-weight--body-semibold) !important;
	--rtrkt-typography-font-style-italic: italic !important;
	--rtrkt-typography-body-font-weight: var(--wp--custom--font-weight--body-regular) !important;
	--rtrkt-button-background-color-primary: var(--wp--preset--color--secondary) !important;
	--rtrkt-button-font-color-primary: var(--wp--preset--color--base) !important;
	--rtrkt-button-ripple-color-primary: rgba(255, 253, 245, 0.35) !important;
	--rtrkt-button-background-color-secondary: var(--wp--preset--color--base) !important;
	--rtrkt-button-font-color-secondary: var(--wp--preset--color--neutral) !important;
	--rtrkt-button-ripple-color-secondary: rgba(30, 30, 30, 0.16) !important;
	--rtrkt-button-background-color-transparent: transparent !important;
	--rtrkt-button-font-color-transparent: var(--wp--preset--color--contrast) !important;
	--rtrkt-button-ripple-color-transparent: rgba(255, 253, 245, 0.2) !important;
	--rtrkt-button-background-color-accent: var(--wp--preset--color--neutral) !important;
	--rtrkt-button-font-color-accent: var(--wp--preset--color--base) !important;
	--rtrkt-button-ripple-color-accent: rgba(255, 253, 245, 0.24) !important;
	--rtrkt-button-background-color-danger: #dc3545 !important;
	--rtrkt-button-font-color-danger: #fff !important;
	--rtrkt-button-ripple-color-danger: rgba(0, 0, 0, 0.2) !important;
	--rtrkt-button-border-outline: 2px solid var(--wp--preset--color--secondary) !important;
}

.argyll-rate-rocket-hero-widget {
	margin-block-start: calc(-2 * var(--argyll-rate-rocket-hero-overlap));
	margin-block-end: calc(-1 * var(--argyll-rate-rocket-next-overlap));
	padding: 0 var(--wp--custom--spacing--page-gutter);
	position: relative;
	z-index: 20;
}

.argyll-rate-rocket-hero-widget__inner {
	margin-right: auto;
	margin-left: auto;
	max-width: min(660px, 100%);
	width: 100%;
}

.argyll-rate-rocket-hero-widget__container {
	margin-right: auto;
	margin-left: auto;
	min-height: 164px;
	width: min(100%, 660px);
}

rtrkt-widget lib-button {
	--font-family: var(--wp--preset--font-family--body) !important;
}

rtrkt-widget,
rtrkt-widget [role="dialog"],
rtrkt-widget [aria-modal="true"],
rtrkt-widget [popover],
rtrkt-widget app-view {
	position: relative;
	z-index: 2147483000 !important;
}

rtrkt-widget[visible="true"][interaction="interacting"] {
	z-index: 2147483000 !important;
}

rtrkt-widget[visible="true"][interaction="interacting"] app-view {
	background-color: var(--wp--preset--color--base) !important;
}

body:not(:has(.argyll-rate-rocket-hero-widget)) .widget-sticky-container {
	display: none !important;
}
@media (min-width: 1024px) {
  [visible=true][interaction=none][_nghost-ng-c4246323907] .widget[_ngcontent-ng-c4246323907] {
    z-index:-1;
  }
}

rtrkt-widget[visible="true"][interaction="interacting"] .widget-sticky-container {
	display: none !important;
}

body:has(rtrkt-widget[visible="true"][interaction="interacting"]) .site-header {
	opacity: 0;
	pointer-events: none;
}

rtrkt-widget lib-counter {
	background-color: var(--argyll-rate-rocket-control-surface) !important;
}

rtrkt-widget .lib-counter__subtitle {
	color: var(--wp--preset--color--contrast) !important;
	opacity: 0.68;
}

rtrkt-widget [view-footer] {
	border-top: 1px solid rgba(30, 30, 30, 0.3);
	box-shadow: none !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {

	rtrkt-widget app-view {
		--aside-width: 36% !important;
	}
}

@media (max-width: 767px) {

	:root {
		--argyll-rate-rocket-hero-overlap: 72px;
		--argyll-rate-rocket-next-overlap: 56px;
	}

	.argyll-rate-rocket-hero-widget {
		padding-right: 0;
		padding-left: 0;
	}

	.argyll-rate-rocket-hero-widget__inner,
	.argyll-rate-rocket-hero-widget__container {
		max-width: none;
		width: 100%;
	}
}