/*
 * Color scheme: Sunset Coral.
 * Warm, friendly, light — cream canvas, coral + amber sunset accents, soft
 * rounded shapes. Geometric Poppins headings over a Mulish body.
 */

body.scheme-sunset-coral {
	--card-radius: 16px;



	--font-body: "Mulish", system-ui, sans-serif;
	--font-display: "Poppins", system-ui, sans-serif;
}

body.scheme-sunset-coral h1,
body.scheme-sunset-coral h2,
body.scheme-sunset-coral h3,
body.scheme-sunset-coral .site-footer__heading {
	font-family: var(--font-display);
	font-weight: 700;
}

/* Warm gradient wash behind the page. */
body.scheme-sunset-coral {
	background:
		radial-gradient(70% 50% at 100% 0%, rgb(from var(--site-accent-2) r g b / 0.18), transparent 60%),
		radial-gradient(60% 45% at 0% 0%, rgb(from var(--site-accent) r g b / 0.14), transparent 60%),
		var(--site-bg);
	background-attachment: fixed;
}

/* Header — airy, soft, pill nav hover */
body.scheme-sunset-coral .site-header__inner {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

body.scheme-sunset-coral .site-header {
	border-bottom: 1px solid var(--site-border);
}

body.scheme-sunset-coral .site-branding .site-title a {
	font-family: var(--font-display);
	font-weight: 800;
}

body.scheme-sunset-coral .main-navigation a {
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	transition: background 0.15s ease, color 0.15s ease;
}

body.scheme-sunset-coral .main-navigation a:hover {
	background: rgb(from var(--site-accent) r g b / 0.12);
	color: var(--header-accent);
}

/* Outlined rather than filled: a tinted fill shifts the pill towards the badge
   text and drops it below AA on some palettes. The outline keeps the shape. */
body.scheme-sunset-coral .site-trust-bar__badge {
	border: 1px solid rgb(from var(--site-accent) r g b / 0.45);
	border-radius: 999px;
	padding: 0.15rem 0.6rem;
}

/* Dropdown — soft rounded card, gradient hover */
body.scheme-sunset-coral .main-navigation .menu-item-has-children .sub-menu {
	background: var(--site-surface);
	border: 1px solid var(--site-border);
	border-radius: 16px;
	box-shadow: 0 18px 44px rgb(from var(--site-accent) r g b / 0.18);
	padding: 0.6rem;
}

/* The panel is repainted with the page surface, so its links take the
   page text colour instead of the header link colour from base.css. */
body.scheme-sunset-coral .main-navigation .menu-item-has-children .sub-menu a {
	color: var(--site-text);
}

body.scheme-sunset-coral .main-navigation .menu-item-has-children .sub-menu a {
	border-radius: 10px;
}

body.scheme-sunset-coral .main-navigation .menu-item-has-children .sub-menu a:hover {
	background: linear-gradient(120deg, rgb(from var(--site-accent) r g b / 0.16), rgb(from var(--site-accent-2) r g b / 0.16));
	color: var(--header-accent);
}

/* ---------- Structural identity (Faza 2): warm & friendly, rounded ---------- */
body.scheme-sunset-coral .entry-content blockquote {
	background: var(--site-surface);
	border: 0;
	border-radius: 18px;
	padding: 1.25rem 1.5rem;
	margin: 1.7rem 0;
}
body.scheme-sunset-coral .wp-block-button__link,
body.scheme-sunset-coral .wp-element-button {
	background: linear-gradient(120deg, var(--site-accent), var(--site-accent-2));
	color: var(--site-bg);
	border: 0;
	border-radius: 999px;
	font-weight: 600;
}
body.scheme-sunset-coral .entry-content h2 {
	color: var(--site-accent-text);
}
body.scheme-sunset-coral .entry-content hr {
	border: 0;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--site-accent), var(--site-accent-2));
	width: 80px;
}