/*
 * Site profile presets.
 *
 * These variables keep the theme generic: visual choices change the feeling of
 * the existing components without tying the theme to a specific industry.
 */

body.yr-style-classic,
.editor-styles-wrapper.yr-style-classic {
	--yr-ink: #0c1c36;
	--yr-ink-2: #12305a;
	--yr-accent: #2e6ce6;
	--yr-accent-2: #5a8cf0;
	--yr-accent-hover: #2a61cf;
	--yr-accent-soft: color-mix(in srgb, var(--yr-accent) 8%, transparent);
	--yr-accent-ring: color-mix(in srgb, var(--yr-accent) 14%, transparent);
	--yr-accent-shadow: color-mix(in srgb, var(--yr-accent) 28%, transparent);
	--yr-button-fill: var(--yr-accent);
	--yr-button-fill-hover: var(--yr-accent-hover);
	--yr-dark-band-bg: linear-gradient(160deg, var(--yr-ink) 0%, var(--yr-ink-2) 100%);
	--yr-dark-band-glow: radial-gradient(80% 120% at 85% 0%, color-mix(in srgb, var(--yr-accent) 36%, transparent), transparent 55%);
	--yr-paper: #ffffff;
	--yr-paper-2: #f4f7fb;
	--yr-paper-3: #e9f0f9;
	--yr-text: #36475e;
	--yr-heading: #0c1c36;
	--yr-muted: #697386;
	--yr-line: #e2e9f2;
	--yr-card-hover-border: color-mix(in srgb, var(--yr-accent) 25%, transparent);
	--yr-card-shadow-hover: 0 14px 34px rgba(12, 28, 54, 0.09);
}

body.yr-style-fresh,
.editor-styles-wrapper.yr-style-fresh {
	--yr-ink: #12312d;
	--yr-ink-2: #17443e;
	--yr-accent: #00a676;
	--yr-accent-2: #4fc3a1;
	--yr-accent-hover: #008f66;
	--yr-accent-soft: color-mix(in srgb, var(--yr-accent) 8%, transparent);
	--yr-accent-ring: color-mix(in srgb, var(--yr-accent) 15%, transparent);
	--yr-accent-shadow: color-mix(in srgb, var(--yr-accent) 26%, transparent);
	--yr-button-fill: var(--yr-accent);
	--yr-button-fill-hover: var(--yr-accent-hover);
	--yr-dark-band-bg: linear-gradient(160deg, var(--yr-ink) 0%, var(--yr-ink-2) 100%);
	--yr-dark-band-glow: radial-gradient(80% 120% at 85% 0%, color-mix(in srgb, var(--yr-accent) 32%, transparent), transparent 55%);
	--yr-paper: #ffffff;
	--yr-paper-2: #f2fbf7;
	--yr-paper-3: #dff5ed;
	--yr-text: #36554f;
	--yr-heading: #12312d;
	--yr-muted: #6e817d;
	--yr-line: #d9ebe5;
	--yr-card-media-bg: #e7f8f2;
	--yr-card-hover-border: color-mix(in srgb, var(--yr-accent) 28%, transparent);
	--yr-card-shadow-hover: 0 16px 36px rgba(18, 49, 45, 0.1);
}

body.yr-style-warm,
.editor-styles-wrapper.yr-style-warm {
	--yr-ink: #3b2430;
	--yr-ink-2: #5a3340;
	--yr-accent: #d95f76;
	--yr-accent-2: #f0a35f;
	--yr-accent-hover: #c94f67;
	--yr-accent-soft: color-mix(in srgb, var(--yr-accent) 9%, transparent);
	--yr-accent-ring: color-mix(in srgb, var(--yr-accent) 16%, transparent);
	--yr-accent-shadow: color-mix(in srgb, var(--yr-accent) 24%, transparent);
	--yr-button-fill: var(--yr-accent);
	--yr-button-fill-hover: var(--yr-accent-hover);
	--yr-dark-band-bg: linear-gradient(160deg, var(--yr-ink) 0%, var(--yr-ink-2) 100%);
	--yr-dark-band-glow: radial-gradient(80% 120% at 85% 0%, color-mix(in srgb, var(--yr-accent) 30%, transparent), transparent 55%);
	--yr-paper: #ffffff;
	--yr-paper-2: #fff6f0;
	--yr-paper-3: #ffe8dc;
	--yr-text: #5f4850;
	--yr-heading: #3b2430;
	--yr-muted: #887078;
	--yr-line: #f0d8cf;
	--yr-card-media-bg: #fff0e7;
	--yr-card-hover-border: color-mix(in srgb, var(--yr-accent) 28%, transparent);
	--yr-card-shadow-hover: 0 16px 36px rgba(59, 36, 48, 0.1);
}

body.yr-style-premium,
.editor-styles-wrapper.yr-style-premium {
	--yr-ink: #171717;
	--yr-ink-2: #27221d;
	--yr-accent: #b68b4c;
	--yr-accent-2: #d2b071;
	--yr-accent-hover: #9d743d;
	--yr-accent-soft: color-mix(in srgb, var(--yr-accent) 9%, transparent);
	--yr-accent-ring: color-mix(in srgb, var(--yr-accent) 18%, transparent);
	--yr-accent-shadow: color-mix(in srgb, var(--yr-accent) 22%, transparent);
	--yr-button-fill: var(--yr-ink);
	--yr-button-fill-hover: var(--yr-ink-2);
	--yr-dark-band-bg: linear-gradient(160deg, #171717 0%, #27221d 100%);
	--yr-dark-band-glow: radial-gradient(80% 120% at 85% 0%, color-mix(in srgb, var(--yr-accent) 28%, transparent), transparent 55%);
	--yr-paper: #ffffff;
	--yr-paper-2: #f5f2ec;
	--yr-paper-3: #e9e0d2;
	--yr-text: #48433c;
	--yr-heading: #171717;
	--yr-muted: #766f64;
	--yr-line: #ded6c8;
	--yr-card-media-bg: #f1ebe2;
	--yr-card-hover-border: color-mix(in srgb, var(--yr-accent) 34%, transparent);
	--yr-card-shadow-hover: 0 18px 42px rgba(23, 23, 23, 0.12);
}

body.yr-style-clean,
.editor-styles-wrapper.yr-style-clean {
	--yr-ink: #111827;
	--yr-ink-2: #1f2937;
	--yr-accent: #374151;
	--yr-accent-2: #6b7280;
	--yr-accent-hover: #111827;
	--yr-accent-soft: color-mix(in srgb, var(--yr-accent) 7%, transparent);
	--yr-accent-ring: color-mix(in srgb, var(--yr-accent) 14%, transparent);
	--yr-accent-shadow: color-mix(in srgb, var(--yr-accent) 18%, transparent);
	--yr-button-fill: var(--yr-ink);
	--yr-button-fill-hover: var(--yr-ink-2);
	--yr-dark-band-bg: linear-gradient(160deg, var(--yr-ink) 0%, var(--yr-ink-2) 100%);
	--yr-dark-band-glow: radial-gradient(80% 120% at 85% 0%, color-mix(in srgb, var(--yr-accent) 22%, transparent), transparent 55%);
	--yr-paper: #ffffff;
	--yr-paper-2: #f9fafb;
	--yr-paper-3: #f3f4f6;
	--yr-text: #374151;
	--yr-heading: #111827;
	--yr-muted: #6b7280;
	--yr-line: #e5e7eb;
	--yr-card-media-bg: #f3f4f6;
	--yr-card-hover-border: color-mix(in srgb, var(--yr-accent) 24%, transparent);
	--yr-card-shadow-hover: 0 14px 34px rgba(17, 24, 39, 0.09);
}

body[class*="yr-style-"] .yr-image-placeholder {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--yr-accent) 16%, transparent), transparent 46%),
		linear-gradient(315deg, color-mix(in srgb, var(--yr-accent-2) 12%, transparent), transparent 42%),
		var(--yr-paper-2);
	color: color-mix(in srgb, var(--yr-ink) 26%, transparent);
}

body[class*="yr-style-"] .yr-image-placeholder::before {
	border-color: color-mix(in srgb, var(--yr-accent) 16%, transparent);
}

body[class*="yr-style-"] :where(.yr-btn-primary .wp-block-button__link, .yr-quote-cta__button--primary, .yr-inquiry-form .ff-btn-submit, .yr-inquiry-form button[type="submit"], .yr-inquiry-form input[type="submit"], .yr-inquiry-fallback__button, .yiran-header-button .wp-block-button__link, .yiran-header-search-form button, .yr-collection-button--primary, .yr-collection-button--primary .wp-block-button__link) {
	background: var(--yr-button-fill);
	border-color: var(--yr-button-fill);
	color: var(--yr-button-text, #fff);
	box-shadow: 0 12px 28px var(--yr-accent-shadow);
}

body[class*="yr-style-"] :where(.yr-btn-primary .wp-block-button__link:hover, .yr-btn-primary .wp-block-button__link:focus, .yr-quote-cta__button--primary:hover, .yr-quote-cta__button--primary:focus, .yr-inquiry-form .ff-btn-submit:hover, .yr-inquiry-form .ff-btn-submit:focus, .yr-inquiry-form button[type="submit"]:hover, .yr-inquiry-form button[type="submit"]:focus, .yr-inquiry-form input[type="submit"]:hover, .yr-inquiry-form input[type="submit"]:focus, .yr-inquiry-fallback__button:hover, .yr-inquiry-fallback__button:focus, .yiran-header-button .wp-block-button__link:hover, .yiran-header-button .wp-block-button__link:focus, .yiran-header-search-form button:hover, .yiran-header-search-form button:focus, .yr-collection-button--primary:hover, .yr-collection-button--primary:focus, .yr-collection-button--primary .wp-block-button__link:hover, .yr-collection-button--primary .wp-block-button__link:focus) {
	background: var(--yr-button-fill-hover);
	border-color: var(--yr-button-fill-hover);
	color: var(--yr-button-text, #fff);
	box-shadow: 0 16px 34px var(--yr-accent-shadow);
}

body[class*="yr-style-"] :where(input, select, textarea, .ff-el-form-control):focus {
	border-color: var(--yr-accent);
	box-shadow: 0 0 0 3px var(--yr-accent-ring);
}

body[class*="yr-style-"] :where(.yr-cta, .yr-quote-cta--ink, .yr-footer, .yr-section.is-dark) {
	background: var(--yr-dark-band-bg);
}

body[class*="yr-style-"] .yr-cta {
	background-image:
		linear-gradient(135deg, color-mix(in srgb, var(--yr-ink) 94%, transparent) 0%, color-mix(in srgb, var(--yr-ink-2) 92%, transparent) 100%),
		var(--yr-cta-bg, none);
}

body[class*="yr-style-"] .yr-cta::before,
body[class*="yr-style-"] .yr-quote-cta--ink::before {
	background: var(--yr-dark-band-glow);
}

body[class*="yr-style-"] :where(.yr-quote-cta--ink .yr-quote-cta__button--primary) {
	background: #fff;
	border-color: #fff;
	color: var(--yr-ink) !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}

body[class*="yr-style-"] :where(.yr-quote-cta--ink .yr-quote-cta__button--primary:hover, .yr-quote-cta--ink .yr-quote-cta__button--primary:focus) {
	background: color-mix(in srgb, var(--yr-accent) 10%, #fff);
	border-color: color-mix(in srgb, var(--yr-accent) 10%, #fff);
	color: var(--yr-accent) !important;
}

body[class*="yr-style-"] :where(.yr-faq-item[open] summary::after, .yr-case-badge, .yr-news-card__category, .yr-blog-pill, .yr-blog-category-link.is-active) {
	background-color: var(--yr-accent);
	border-color: var(--yr-accent);
	color: #fff;
}

body[class*="yr-style-"] :where(.yr-section.is-paper, .yr-blog-page, .yr-cpt-page) {
	background-color: var(--yr-paper);
}

body[class*="yr-style-"] :where(.yr-section.is-soft, .yr-blog-shell, .yr-cpt-shell) {
	background-color: var(--yr-paper-2);
}

body[class*="yr-style-"] .yr-product-family-nav {
	--yr-product-family-bg: var(--yr-accent);
	--yr-product-family-link-bg: transparent;
	--yr-product-family-link-color: #fff;
	--yr-product-family-link-hover-bg: rgba(255, 255, 255, 0.1);
	--yr-product-family-link-hover-color: #fff;
	--yr-product-family-active-bg: rgba(255, 255, 255, 0.12);
	--yr-product-family-active-color: #fff;
	--yr-product-family-image-bg: transparent;
	--yr-product-family-image-active-bg: transparent;
	--yr-product-family-image-padding: 0;
	--yr-product-family-image-radius: 0;
	--yr-product-family-image-filter: none;
	--yr-product-family-image-active-filter: none;
	--yr-product-family-placeholder-color: #fff;
	background-color: var(--yr-product-family-bg);
	border: 0;
}

body[class*="yr-style-"] .yr-product-family-nav__list {
	gap: 0;
}

body[class*="yr-style-"] .yr-product-family-nav__link.is-active .yr-image-placeholder {
	color: #fff;
}

body.yr-style-premium .yr-product-family-nav,
body.yr-style-clean .yr-product-family-nav {
	--yr-product-family-bg: var(--yr-ink);
}

body.yr-density-compact {
	--yr-section-y: clamp(48px, 6vw, 84px);
}

body.yr-density-compact .yr-hero-slider {
	--yr-hero-h: 78vh !important;
}

body.yr-density-compact :where(.yr-section, .yr-products, .yr-capabilities, .yr-about, .yr-process, .yr-solutions, .yr-cases, .yr-faq-news, .yr-cta) {
	padding-top: var(--yr-section-y, 72px);
	padding-bottom: var(--yr-section-y, 72px);
}

body.yr-density-visual {
	--yr-section-y: clamp(76px, 9vw, 132px);
}

body.yr-density-visual :where(.yr-section, .yr-products, .yr-capabilities, .yr-about, .yr-process, .yr-solutions, .yr-cases, .yr-faq-news, .yr-cta) {
	padding-top: var(--yr-section-y, 96px);
	padding-bottom: var(--yr-section-y, 96px);
}

body.yr-density-visual :where(.yr-product-desc, .yr-solution-card p, .yr-case-desc) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}