/*
Theme Name: Soeverein
Theme URI: https://example.eu/
Author: Soeverein
Author URI: https://example.eu/
Description: Dark-mode block theme for an EU data-sovereignty hosting platform. WordPress 6.9+, theme.json v3, no external fonts or third-party requests (GDPR-clean by design). Brand name "Soeverein" is a working placeholder.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soeverein
*/

/* ---------------------------------------------------------------
   Component styles used by the theme's block patterns.
   Design tokens (colors, type, spacing) live in theme.json.
   --------------------------------------------------------------- */

/* Cards (pricing tiers, feature blocks) */
.sv-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	height: 100%;
}

.sv-card--highlight {
	border-color: var(--wp--preset--color--accent);
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent), 0 18px 48px -24px rgb(246 201 69 / 0.35);
}

/* Small uppercase label above headings */
.sv-eyebrow {
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.78rem !important;
	font-weight: 600;
	color: var(--wp--preset--color--accent);
}

/* Badges / trust chips */
.sv-badge {
	display: inline-block;
	background: var(--wp--preset--color--surface-2);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	padding: 0.35em 0.9em;
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
	white-space: nowrap;
}

.sv-badge--accent {
	color: var(--wp--preset--color--accent);
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 40%, transparent);
}

/* Price line inside tier cards */
.sv-price {
	font-size: 2.4rem !important;
	font-weight: 700;
	line-height: 1.1;
}

.sv-price-note {
	color: var(--wp--preset--color--muted);
	font-size: 0.85rem !important;
}

/* Checklist inside tier cards: keep native bullets subtle */
.sv-checklist {
	list-style: none;
	padding-left: 0;
}

.sv-checklist li {
	padding-left: 1.6em;
	position: relative;
	margin-bottom: 0.55em;
	color: var(--wp--preset--color--text);
}

.sv-checklist li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--accent);
	font-weight: 700;
}

.sv-checklist li.sv-no::before {
	content: "—";
	color: var(--wp--preset--color--muted);
}

.sv-checklist li.sv-no {
	color: var(--wp--preset--color--muted);
}

/* Deploy placeholder buttons: visually real, functionally inert.
   The data-sv-deploy attribute on wrapping Group blocks marks the
   spot where the provisioning backend gets wired in later. */
.sv-deploy-note {
	color: var(--wp--preset--color--muted);
	font-size: 0.8rem !important;
	font-style: italic;
}

/* Footnote sources on the "Why" page */
.sv-footnotes {
	border-top: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--muted);
	font-size: 0.85rem;
}

.sv-footnotes li {
	margin-bottom: 0.5em;
	overflow-wrap: anywhere;
}

/* Chain diagram rows on trust page */
.sv-chain {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	background: var(--wp--preset--color--surface);
}

/* Header: subtle sticky bar */
.sv-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
	background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
	backdrop-filter: blur(8px);
	position: sticky;
	top: 0;
	z-index: 50;
}

/* Language switch pill in the header */
.sv-lang a {
	text-decoration: none;
	color: var(--wp--preset--color--muted);
}

.sv-lang a:hover {
	color: var(--wp--preset--color--text);
}

/* Keep tables readable on small screens */
.sv-scroll-x {
	overflow-x: auto;
}