/*
 * "Default+" look (2026-10-05) — the default look plus the parts of the glass trial
 * that worked, WITHOUT backdrop-filter (no blur: cheap on old phones, crisp edges).
 *
 *   1. warm page colour with white, floating cards (fine edge + soft shadow);
 *   2. featured plan: one navy frame + a deeper float instead of the offset outline;
 *   3. address search fields float clearly above the page, focus lifts them;
 *   4. testimonial is a white floating card too.
 *
 * Scoped to body.pc-plus. Revert: PATRI_DEFAULT_LOOK = 'classic' in functions.php
 * (or ?look=classic for one browser). The wizard page is left as in the default look.
 */

body.pc-plus {
	--pcp-page: #FDF9F7;
	--pcp-edge: color-mix(in srgb, var(--wp--preset--color--ink) 7%, transparent);
	--pcp-shadow:
		0 1px 2px color-mix(in srgb, var(--wp--preset--color--ink) 6%, transparent),
		0 12px 32px -12px color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent),
		0 32px 64px -32px color-mix(in srgb, var(--wp--preset--color--ink) 16%, transparent);
	--pcp-shadow-hover:
		0 2px 4px color-mix(in srgb, var(--wp--preset--color--ink) 7%, transparent),
		0 18px 40px -14px color-mix(in srgb, var(--wp--preset--color--ink) 24%, transparent),
		0 40px 80px -36px color-mix(in srgb, var(--wp--preset--color--ink) 20%, transparent);
	background-color: var(--pcp-page) !important;
}

/* 1. One flat page colour: section fills drop out so the page reads as one plane.
 * The wizard's section keeps its fill — its steps should stay one form, not boxes. */
body.pc-plus main section.has-white-background-color:not(.pc-card):not(.pc-block):not(:has(.pc-wizard)),
body.pc-plus main section.has-surface-background-color:not(.pc-card):not(.pc-block):not(:has(.pc-wizard)),
body.pc-plus main section.has-surface-2-background-color:not(.pc-card):not(.pc-block):not(:has(.pc-wizard)) { background-color: transparent !important; }

body.pc-plus .pc-card,
body.pc-plus .pc-plan,
body.pc-plus .pc-checkcols > div,
body.pc-plus .pc-quote,
body.pc-plus .pc-stats .pc-stat,
body.pc-plus .pc-hilite,
body.pc-plus .pc-daek__notyet {
	background: var(--wp--preset--color--white) !important;
	border: 1px solid var(--pcp-edge);
	box-shadow: var(--pcp-shadow);
}
body.pc-plus .pc-hilite { border-color: var(--wp--preset--color--money); }
/* Icon badges blend into the (now white) card, as they did on the cream one. */
body.pc-plus .pc-card .pc-icon { background: transparent; }
/* Hover: cards lift a little further. */
body.pc-plus .pc-card,
body.pc-plus .pc-plan { transition: transform .25s ease, box-shadow .25s ease; }
body.pc-plus .pc-card:hover,
body.pc-plus .pc-plan:hover { transform: translateY(-3px); box-shadow: var(--pcp-shadow-hover); }

/* The hero keeps its overlay; it only floats. */
body.pc-plus .pc-hero { box-shadow: var(--pcp-shadow); }

/* 2. Featured plan (Regularrengøring): one crisp navy frame, floating one level higher. */
body.pc-plus .pc-plan--offset::after { display: none; }
body.pc-plus .pc-plan.pc-plan--featured {
	border: 1.5px solid var(--wp--preset--color--ink);
	box-shadow:
		0 2px 6px color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent),
		0 24px 50px -16px color-mix(in srgb, var(--wp--preset--color--ink) 28%, transparent),
		0 48px 90px -44px color-mix(in srgb, var(--wp--preset--color--ink) 32%, transparent);
}
body.pc-plus .pc-plan.pc-plan--featured:hover {
	box-shadow:
		0 3px 8px color-mix(in srgb, var(--wp--preset--color--ink) 9%, transparent),
		0 30px 60px -18px color-mix(in srgb, var(--wp--preset--color--ink) 32%, transparent),
		0 56px 100px -48px color-mix(in srgb, var(--wp--preset--color--ink) 36%, transparent);
}

/* 3. Address search: the one action of its section, so it floats above the page. */
body.pc-plus .pc-daek__field input,
body.pc-plus .pc-wfield--search input[type="text"] {
	background: var(--wp--preset--color--white);
	border-color: color-mix(in srgb, var(--wp--preset--color--ink) 10%, transparent);
	box-shadow:
		0 2px 6px color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent),
		0 18px 40px -14px color-mix(in srgb, var(--wp--preset--color--ink) 26%, transparent),
		0 36px 70px -36px color-mix(in srgb, var(--wp--preset--color--ink) 24%, transparent);
	transition: box-shadow .25s ease, transform .25s ease;
}
body.pc-plus .pc-daek__field input:focus,
body.pc-plus .pc-wfield--search input[type="text"]:focus {
	transform: translateY(-1px);
	box-shadow:
		0 3px 8px color-mix(in srgb, var(--wp--preset--color--ink) 9%, transparent),
		0 24px 50px -14px color-mix(in srgb, var(--wp--preset--color--ink) 30%, transparent),
		0 44px 80px -36px color-mix(in srgb, var(--wp--preset--color--ink) 28%, transparent);
}
/* The lifted field would cover its search icon. */
body.pc-plus .pc-wfield--search i { z-index: 2; }

/* 4. Testimonial: a white floating card like the others (a shadow under the darker
 * beige read muddy — 2026-10-05). */
body.pc-plus figure.pc-testi { background: var(--wp--preset--color--white) !important; border: 1px solid var(--pcp-edge); box-shadow: var(--pcp-shadow); }

/* The "Ikke inkluderet" note was white on the faded card; on a white card it would
 * vanish, so it takes the page colour instead. */
body.pc-plus .pc-checkcols > div.is-muted .pc-note { background: var(--pcp-page); }

/* Exception (2026-10-07): the Priser "Hvor lang tid tager det?" columns stay open —
 * no white cards, only the thin vertical dividers of the default look. */
body.pc-plus .pc-est-grid > .pc-card.pc-est-card,
body.pc-plus .pc-est-grid > .pc-card.pc-est-card:hover {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	transform: none !important;
}