/*
Theme Name: GeneratePress Child
Description: BK Marine visual modernization built on GeneratePress.
Template: generatepress
Version: 1.0.0
*/

/* Brand typography is self-hosted to prevent third-party runtime dependencies. */
@font-face {
	font-family: 'MAN Light';
	src: url('fonts/maneurope-light.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'MAN Condensed';
	src: url('fonts/maneuropecondensed-bold.woff2') format('woff2');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

/* Shared design tokens keep spacing, color and typography consistent site-wide. */
:root {
	--bk-navy: #303c49;
	--bk-navy-deep: #26323e;
	--bk-magenta: #e40045;
	--bk-red: var(--bk-magenta);
	--bk-blue: #2098d1;
	--bk-ink: #21262c;
	--bk-muted: #66717b;
	--bk-line: #d6d8db;
	--bk-soft: #f0f1f2;
	--bk-white: #ffffff;
	--bk-container: 1200px;
	--bk-radius-sm: 8px;
	--bk-radius-md: 14px;
	--bk-radius-lg: 20px;
	--bk-shadow-xs: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);
	--bk-shadow-sm: 0 8px 24px rgba(0, 0, 0, .11), 0 2px 6px rgba(0, 0, 0, .05);
	--bk-shadow: 0 16px 42px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .06);
	--bk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .17), 0 6px 18px rgba(0, 0, 0, .07);

	/* Image-specific tokens keep technical renders and photography visually coherent. */
	--bk-image-radius-sm: var(--bk-radius-sm);
	--bk-image-radius-md: var(--bk-radius-md);
	--bk-image-radius-lg: var(--bk-radius-lg);
	--bk-image-surface: #eef1f3;
	--bk-image-surface-raised: linear-gradient(145deg, #f8f9fa 0%, #eef1f3 100%);
	--bk-image-border: rgba(48, 60, 73, .14);
	--bk-image-canvas-border: rgba(48, 60, 73, .1);
	--bk-image-canvas-shadow: 0 1px 2px rgba(24, 38, 52, .035), 0 7px 18px rgba(24, 38, 52, .055);
	--bk-image-shadow-sm: 0 6px 18px rgba(24, 38, 52, .07), 0 2px 6px rgba(24, 38, 52, .035);
	--bk-image-shadow-md: 0 12px 30px rgba(24, 38, 52, .09), 0 3px 10px rgba(24, 38, 52, .045);
	--bk-image-shadow-hover: 0 16px 38px rgba(24, 38, 52, .12), 0 5px 14px rgba(24, 38, 52, .055);
	--bk-media-shadow: var(--bk-image-shadow-md);
	--bk-media-shadow-hover: var(--bk-image-shadow-hover);

	--bk-transition-fast: 180ms ease;
	--bk-transition: 240ms cubic-bezier(.2, .7, .2, 1);
	--bk-font-body: 'MAN Light', Arial, sans-serif;
	--bk-font-display: 'MAN Condensed', 'Arial Narrow', Arial, sans-serif;
	--bk-space-1: .5rem;
	--bk-space-2: 1rem;
	--bk-space-3: 1.5rem;
	--bk-space-4: 2rem;
	--bk-space-5: 3rem;
	--bk-space-6: 4.5rem;
}

/* Base document rules and GeneratePress shell normalization. */
html {
	scroll-behavior: smooth;
}

body.bk-site {
	background: var(--bk-white);
	color: var(--bk-ink);
	font-family: var(--bk-font-body);
	font-size: clamp(16px, .18vw + 15.4px, 17px);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

.bk-site *,
.bk-site *::before,
.bk-site *::after {
	box-sizing: border-box;
}

.bk-site img {
	display: block;
	height: auto;
	max-width: 100%;
}

.bk-site a {
	color: inherit;
}

.bk-site h1,
.bk-site h2,
.bk-site h3,
.bk-site .bk-footer__title {
	font-family: var(--bk-font-display);
	font-weight: 700;
	letter-spacing: -.015em;
}

.bk-site h1 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.08;
	margin: 0;
}

.bk-site h2 {
	font-size: clamp(2rem, 3.5vw, 3rem);
	line-height: 1.08;
	margin: 0;
}

.bk-site h3 {
	font-size: clamp(1.35rem, 2vw, 1.7rem);
	line-height: 1.15;
}

/* Fluid content shell shared by every public route. */
.bk-container {
	width: min(calc(100% - 48px), var(--bk-container));
	margin-inline: auto;
}

.bk-site .site-header,
.bk-site .main-navigation,
.bk-site .site-footer,
.bk-site .entry-header,
.bk-site .entry-meta {
	display: none !important;
}

.bk-site #page,
.bk-site .site-content,
.bk-site .content-area,
.bk-site .site-main,
.bk-site .inside-article {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.bk-site .site-content {
	display: block;
}

.bk-skip-link {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 99999;
	transform: translateY(-150%);
	background: var(--bk-white);
	color: var(--bk-navy);
	padding: .75rem 1rem;
	font-weight: 700;
}

.bk-skip-link:focus {
	transform: translateY(0);
}

/*
 * Component and route styling is intentionally split into versioned files under
 * assets/css/. functions.php enqueues them in their historical cascade order.
 */