/*
 * NexGro — "live" colour scheme.
 * Matches the current nexgro.com.au: deep navy background, white type, red accents
 * and the orange → coral → magenta call-to-action gradient. Loaded only when the
 * scheme is set to "live" (Appearance → Customize → NexGro design).
 */

@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../fonts/fraunces-latin-wght-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-display: swap;
	font-weight: 300 700;
	src: url("../fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");
}

body.scheme-live {
	--navy: #1b1c35;
	--navy-2: #161729;
	--navy-3: #111226;
	--card: #23244a;
	--red: #ff3838;
	--coral: #ff6b5e;
	--purple: #6d55e9;
	--sunset: linear-gradient(135deg, #eb5c18 0%, #f95055 45.72%, #ca2db8 100%);
	--violet: linear-gradient(90deg, #5956f0 0%, #ff50b8 100%);

	--ink: #ffffff;
	--ink-2: rgba(255, 255, 255, 0.72);
	--paper: var(--navy);
	--mist: var(--navy-2);
	--mist-2: #2a2b55;
	--forest: var(--coral);
	--forest-2: #f95055;
	--leaf: #ff8a5c;
	--leaf-d: var(--coral);
	--line: rgba(255, 255, 255, 0.12);
	--focus: #ff8a5c;
	--surface: var(--card);
	--field: #15162c;
	--glass: rgba(22, 23, 41, 0.9);
	--btn: var(--sunset);
	--btn-hover: linear-gradient(135deg, #d9520f 0%, #ee3f45 45.72%, #b21fa1 100%);
	--on-btn: #ffffff;
	--shadow-tint: rgba(0, 0, 0, 0.55);

	--f-display: "Fraunces", Georgia, "Times New Roman", serif;
	--f-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;

	background: var(--navy);
	color: var(--ink);
}

/* Type: a soft serif display like the live site's headings */
.scheme-live h1, .scheme-live h2, .scheme-live h3, .scheme-live h4 { font-weight: 600; letter-spacing: -0.015em; }
.scheme-live .display { font-weight: 600; letter-spacing: -0.025em; line-height: 1.04; }
.scheme-live .motto, .scheme-live .h2 { letter-spacing: -0.02em; }

.scheme-live .svc-row__name, .scheme-live .included dt, .scheme-live .faq__item summary, .scheme-live .related strong { font-weight: 600; }
.scheme-live .plan__amt { font-weight: 700; }

/* Links and buttons */
.scheme-live a { color: var(--coral); }
.scheme-live a:hover { color: #ff9a8f; }
.scheme-live .btn--primary { border: 0; box-shadow: 0 12px 30px -14px rgba(249, 80, 85, 0.8); }
.scheme-live .btn--primary, .scheme-live .btn--primary:hover { color: #fff; }
.scheme-live .btn--ghost { color: #fff; border-color: rgba(255, 255, 255, 0.28); }
.scheme-live .btn--ghost:hover { border-color: #fff; color: #fff; }
.scheme-live .btn--light { color: var(--navy); }
.scheme-live .nav__link, .scheme-live .nav__phone { color: #fff; }
.scheme-live .nav__link:hover { background: rgba(255, 255, 255, 0.06); color: #fff; }
.scheme-live .sub a, .scheme-live .sub a:hover { color: #fff; }
.scheme-live .sub a:hover { background: rgba(255, 255, 255, 0.06); }
.scheme-live .menu-btn, .scheme-live .header-call { color: #fff; }
.scheme-live .site-header.is-scrolled { border-bottom-color: rgba(255, 255, 255, 0.1); }

/* Bands */
.scheme-live .band--ink { background-color: var(--navy-3); color: #fff; }
.scheme-live .band--ink.local::before { background: linear-gradient(180deg, rgba(17, 18, 38, 0.96) 0%, rgba(17, 18, 38, 0.86) 55%, rgba(17, 18, 38, 0.5) 100%); }
.scheme-live .band--forest { background: radial-gradient(120% 140% at 0% 0%, rgba(235, 92, 24, 0.35) 0%, rgba(202, 45, 184, 0.25) 40%, transparent 70%), var(--navy-3); }
.scheme-live .band--forest a { color: #fff; }
.scheme-live .cta__form { background: var(--card); color: #fff; }
.scheme-live .cta__form a { color: var(--coral); }
.scheme-live .page-hero, .scheme-live .qp-band { background: radial-gradient(90% 120% at 100% 0%, rgba(109, 85, 233, 0.22) 0%, transparent 60%), linear-gradient(180deg, var(--navy-2) 0, var(--navy) 100%); }
.scheme-live .hero { background: radial-gradient(70% 90% at 85% 30%, rgba(109, 85, 233, 0.25) 0%, transparent 65%), radial-gradient(50% 60% at 10% 100%, rgba(235, 92, 24, 0.12) 0%, transparent 70%); }

/* Hero search illustration */
.scheme-live .serp { background: var(--card); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.7); }
.scheme-live .serp__bar { background: var(--navy-3); }
.scheme-live .serp__item { background: #1d1e3d; }
.scheme-live .serp__item--you { background: rgba(249, 80, 85, 0.1); border-color: #f95055; box-shadow: 0 0 0 3px rgba(249, 80, 85, 0.2); }
.scheme-live .serp__item--you .serp__rank { background: var(--sunset); }
.scheme-live .serp__links span { background: transparent; color: #fff; }
.scheme-live .serp__toast { background: #fff; color: var(--navy); }

/* Motto steps */
.scheme-live .trio li:nth-child(1) { border-top-color: rgba(255, 255, 255, 0.3); }
.scheme-live .trio li:nth-child(2) { border-top-color: var(--purple); }
.scheme-live .trio li:nth-child(3) { border-top-color: var(--red); }

/* Cards and components */
.scheme-live .svc-row a:hover, .scheme-live .svc-row a:hover .svc-row__icon { background: rgba(255, 255, 255, 0.05); }
.scheme-live .svc-row__icon, .scheme-live .contact__list > li > .icon { background: rgba(255, 255, 255, 0.06); }
.scheme-live .plan--featured { background: var(--sunset); border-color: transparent; }
.scheme-live .plan--featured .ticks .icon { color: #fff; }
.scheme-live .plan--featured .btn--primary { background: #fff; color: #c2185b; box-shadow: none; }
.scheme-live .plan--custom { border-color: rgba(255, 255, 255, 0.2); }
.scheme-live .steps li::before, .scheme-live .facts__icon, .scheme-live .tag--client, .scheme-live .nav-links .current { background: var(--sunset); border-color: transparent; }
.scheme-live .steps li::after { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0 6px, transparent 6px 12px); }
.scheme-live .included div { border-top-color: var(--red); }
.scheme-live .chips li, .scheme-live .note { background: var(--card); }
.scheme-live .tag--sample { background: var(--navy); color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); }
.scheme-live .project__media, .scheme-live .showcase { background: var(--card); }
.scheme-live .trade { background: var(--card); }
.scheme-live .related a:hover { border-color: var(--coral); }
.scheme-live .areas__group li { border-color: rgba(255, 255, 255, 0.2); }
.scheme-live .areas__group h3 { color: var(--coral); }
.scheme-live .empty { border-color: rgba(255, 255, 255, 0.2); }
.scheme-live .quote--inline { background: var(--card); }
.scheme-live .ticks--x .icon { color: var(--red); }

/* Forms */
.scheme-live .field input, .scheme-live .field select, .scheme-live .field textarea { color: #fff; border-color: rgba(255, 255, 255, 0.16); }
.scheme-live .field input::placeholder, .scheme-live .field textarea::placeholder { color: rgba(255, 255, 255, 0.4); }
.scheme-live .field input:hover, .scheme-live .field select:hover, .scheme-live .field textarea:hover { border-color: rgba(255, 255, 255, 0.32); }
.scheme-live .field input:focus, .scheme-live .field select:focus, .scheme-live .field textarea:focus { border-color: #f95055; box-shadow: 0 0 0 3px rgba(249, 80, 85, 0.3); }
.scheme-live .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E"); }
.scheme-live .field select option { background: var(--navy); color: #fff; }
.scheme-live .form__alert { background: rgba(255, 56, 56, 0.15); color: #ffd1d1; }

/* Footer */
.scheme-live .site-footer { background: var(--navy-3); border-top: 1px solid rgba(255, 255, 255, 0.08); }

.scheme-live .crumbs li + li::before { color: rgba(255, 255, 255, 0.35); }
.scheme-live .mobile-bar .btn--ghost { background: transparent; }

/* Links that are whole cards or nav keep white text */
.scheme-live .site-footer a { color: rgba(255, 255, 255, 0.86); }
.scheme-live .site-footer a:hover { color: #fff; }
.scheme-live .project__link, .scheme-live .project__link:hover,
.scheme-live .related a, .scheme-live .related a:hover,
.scheme-live .svc-row a, .scheme-live .svc-row a:hover,
.scheme-live .post-card h2 a { color: #fff; }
.scheme-live .project__link:hover h3 { color: var(--coral); }
.scheme-live .crumbs a { color: var(--ink-2); }
.scheme-live .skip { background: #fff; color: var(--navy); }
.scheme-live .btn--outline-light, .scheme-live .btn--outline-light:hover { color: #fff; }