/**
 * Clean / Minimal Theme
 *
 * Professional and polished. Great for any genre.
 * Subtle card shadows, 8px border-radius, blue primary, white background.
 * Inter font for all text.
 */
@layer pkp-theme {

	/* ── Theme variable overrides ───────────────────────── */
	.pkp-theme-clean {
		--pkp-color-primary: #2563eb;
		--pkp-color-secondary: #475569;
		--pkp-color-background: #ffffff;
		--pkp-color-surface: #f8fafc;
		--pkp-color-text: #0f172a;
		--pkp-color-text-muted: #64748b;
		--pkp-color-accent: #7c3aed;
		--pkp-color-link: #2563eb;
		--pkp-color-link-hover: #1d4ed8;
		--pkp-color-border: #e2e8f0;
		--pkp-font-heading: 'Inter', system-ui, -apple-system, sans-serif;
		--pkp-font-body: 'Inter', system-ui, -apple-system, sans-serif;
		--pkp-border-radius: 8px;

		/* Clean theme shadow tokens */
		--pkp-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
		--pkp-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, 0.1);
	}

	/* ── Section dividers ───────────────────────────────── */
	.pkp-theme-clean .pkp-section__title {
		border-bottom: 1px solid var(--pkp-color-border);
	}

	.pkp-theme-clean .pkp-section {
		padding-bottom: var(--pkp-spacing-xl);
		border-bottom: 1px solid var(--pkp-color-border);
	}

	.pkp-theme-clean .pkp-section:last-child {
		border-bottom: none;
	}

	/* ── Card shadows ───────────────────────────────────── */
	.pkp-theme-clean .pkp-factsheet {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-contact-card {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-key-request {
		box-shadow: var(--pkp-shadow-card);
	}

	/* ── Screenshot grid hover ──────────────────────────── */
	.pkp-theme-clean .pkp-screenshot {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-screenshot:hover {
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── Key Art hover ──────────────────────────────────── */
	.pkp-theme-clean .pkp-keyart {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-keyart:hover {
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── Logo cards ─────────────────────────────────────── */
	.pkp-theme-clean .pkp-logo {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-logo:hover {
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── GIF cards ──────────────────────────────────────── */
	.pkp-theme-clean .pkp-gif {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-gif:hover {
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── B-Roll items ───────────────────────────────────── */
	.pkp-theme-clean .pkp-broll-item {
		box-shadow: var(--pkp-shadow-card);
	}

	/* ── Trailer embeds ─────────────────────────────────── */
	.pkp-theme-clean .pkp-trailer__embed {
		box-shadow: var(--pkp-shadow-card);
	}

	/* ── Solid primary buttons with hover darkening ─────── */
	.pkp-theme-clean .pkp-btn--primary {
		background: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		color: #fff;
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-btn--primary:hover,
	.pkp-theme-clean .pkp-btn--primary:focus-visible {
		background: var(--pkp-color-link-hover);
		border-color: var(--pkp-color-link-hover);
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── Outline buttons ────────────────────────────────── */
	.pkp-theme-clean .pkp-btn--outline {
		border-color: var(--pkp-color-border);
		color: var(--pkp-color-text);
	}

	.pkp-theme-clean .pkp-btn--outline:hover,
	.pkp-theme-clean .pkp-btn--outline:focus-visible {
		background: var(--pkp-color-primary);
		border-color: var(--pkp-color-primary);
		color: #fff;
	}

	/* ── Hero section ───────────────────────────────────── */
	.pkp-theme-clean .pkp-hero {
		background: var(--pkp-color-primary);
	}

	.pkp-theme-clean .pkp-hero__title {
		font-weight: 700;
		letter-spacing: -0.02em;
	}

	/* ── Navigation ─────────────────────────────────────── */
	.pkp-theme-clean .pkp-nav {
		background: #ffffff;
		border-bottom: 1px solid var(--pkp-color-border);
	}

	/* ── Factsheet labels ───────────────────────────────── */
	.pkp-theme-clean .pkp-factsheet__label {
		color: var(--pkp-color-primary);
	}

	.pkp-theme-clean .pkp-factsheet__item {
		border-bottom-color: var(--pkp-color-border);
	}

	/* ── Award result badge ─────────────────────────────── */
	.pkp-theme-clean .pkp-award__result {
		background: rgba(37, 99, 235, 0.08);
		color: var(--pkp-color-primary);
	}

	.pkp-theme-clean .pkp-award__icon {
		background: #f1f5f9;
		color: var(--pkp-color-primary);
	}

	/* ── Credits dividers ───────────────────────────────── */
	.pkp-theme-clean .pkp-credit {
		border-bottom-color: var(--pkp-color-border);
	}

	.pkp-theme-clean .pkp-award {
		border-bottom-color: var(--pkp-color-border);
	}

	/* ── Footer ─────────────────────────────────────────── */
	.pkp-theme-clean .pkp-footer {
		border-top-color: var(--pkp-color-border);
	}

	/* ── Team member photos ─────────────────────────────── */
	.pkp-theme-clean .pkp-team-member__photo {
		box-shadow: var(--pkp-shadow-card);
	}

	.pkp-theme-clean .pkp-team-member__role {
		color: var(--pkp-color-primary);
	}

	/* ── Copy button ────────────────────────────────────── */
	.pkp-theme-clean .pkp-copy-btn {
		border-color: var(--pkp-color-border);
	}

	.pkp-theme-clean .pkp-copy-btn:hover,
	.pkp-theme-clean .pkp-copy-btn:focus-visible {
		border-color: var(--pkp-color-primary);
		color: var(--pkp-color-primary);
	}

	/* ── Social link pills ──────────────────────────────── */
	.pkp-theme-clean .pkp-factsheet__social-link {
		border-color: var(--pkp-color-border);
	}

	.pkp-theme-clean .pkp-factsheet__social-link:hover,
	.pkp-theme-clean .pkp-factsheet__social-link:focus-visible {
		border-color: var(--pkp-color-primary);
		color: var(--pkp-color-primary);
	}

	/* ── Description section ────────────────────────────── */
	.pkp-theme-clean .pkp-description__tagline {
		color: var(--pkp-color-text);
	}

	/* ── Selection color ────────────────────────────────── */
	.pkp-theme-clean ::selection {
		background: #2563eb;
		color: #fff;
	}

	/* ── Enhanced hover lift on media cards ─────────────── */
	.pkp-theme-clean .pkp-screenshot,
	.pkp-theme-clean .pkp-gif {
		transition: transform var(--pkp-transition-fast), box-shadow var(--pkp-transition-fast);
	}

	/* ── Gradient accent line under section titles ──────── */
	.pkp-theme-clean .pkp-section__title::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 60px;
		height: 3px;
		background: var(--pkp-gradient-accent);
		border-radius: 2px;
	}

	.pkp-theme-clean .pkp-section__title {
		position: relative;
	}

	/* ── Nav backdrop blur ─────────────────────────────── */
	.pkp-theme-clean .pkp-nav {
		backdrop-filter: blur(var(--pkp-nav-blur));
		-webkit-backdrop-filter: blur(var(--pkp-nav-blur));
	}

	/* ── Button hover depth ────────────────────────────── */
	.pkp-theme-clean .pkp-btn--primary {
		transition: background var(--pkp-transition-fast), box-shadow var(--pkp-transition-fast), transform var(--pkp-transition-fast);
	}

	.pkp-theme-clean .pkp-btn--primary:hover,
	.pkp-theme-clean .pkp-btn--primary:focus-visible {
		transform: translateY(var(--pkp-hover-lift));
	}

	/* ── Factsheet hover ───────────────────────────────── */
	.pkp-theme-clean .pkp-factsheet {
		transition: box-shadow var(--pkp-transition-normal);
	}

	.pkp-theme-clean .pkp-factsheet:hover {
		box-shadow: var(--pkp-shadow-card-hover);
	}

	/* ── Copy button success state ─────────────────────── */
	.pkp-theme-clean .pkp-copy-btn--copied {
		border-color: #22c55e;
		color: #22c55e;
	}
}