/*
Theme Name: Blacklion Simple
Description: Lightweight one-page block theme for Blacklion Logistics. Core WordPress only — no plugins required.
Version: 1.2.2
Author: ITBXM/Claude
Requires at least: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: blacklion-simple
*/

/* Proxima Nova — uses the font files already in the site's media library */
@font-face {
	font-family: "Proxima Nova";
	font-weight: 400;
	font-display: swap;
	src: url("/wp-content/uploads/2022/09/ProximaNova-Regular.otf") format("opentype");
}
@font-face {
	font-family: "Proxima Nova";
	font-weight: 700;
	font-display: swap;
	src: url("/wp-content/uploads/2022/09/Proxima-Nova-Bold.otf") format("opentype");
}

html { scroll-behavior: smooth; }
body { margin: 0; }

/* Kill the gaps WordPress puts between stacked sections */
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > *,
main.wp-block-group > *,
.bl-carrier > .wp-block-columns {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.bl-section p:first-child, .bl-section h2:first-child { margin-top: 0; }
.bl-section .bl-inner > :last-child { margin-bottom: 0; }

/* Logos in white (header logo and hero lion/wordmark) */
.bl-header .wp-block-image img,
.bl-hero .wp-block-image img { filter: brightness(0) invert(1); }

/* Menu text in white, overriding block/global link colors */
.bl-header .wp-block-navigation,
.bl-header .wp-block-navigation a,
.bl-header .wp-block-navigation .wp-block-navigation-item__label { color: #fff !important; }
section[id] { scroll-margin-top: 20px; }

.bl-inner { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }

/* Header: transparent, sits over the hero */
.bl-header {
	position: absolute;
	top: 0; left: 0; right: 0;
	z-index: 20;
	padding: 0 24px;
	min-height: 80px;
	max-width: 1248px;
	margin: 0 auto;
	box-sizing: border-box;
}
.admin-bar .bl-header { top: 32px; }
.bl-header .wp-block-image { margin: 0; }
.bl-header .wp-block-image img { max-height: 39px; width: auto; display: block; }
.bl-header .wp-block-navigation { gap: 0; }
.bl-header .wp-block-navigation a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	padding: 0 25px;
	line-height: 80px;
}
.bl-header .wp-block-navigation a:hover { opacity: 0.75; }
.bl-header .wp-block-navigation__responsive-container-open svg { fill: #fff; }
.bl-header .wp-block-navigation__responsive-container.is-menu-open { background: #000; }
.bl-header .wp-block-navigation__responsive-container.is-menu-open a { color: #fff; line-height: 2.4; padding: 0; }

/* Hero */
.bl-hero {
	position: relative;
	background: #333 url("assets/hero.jpg") center / cover no-repeat;
	min-height: 640px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 120px 24px 60px;
	box-sizing: border-box;
}
.bl-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); }
.bl-hero > * { position: relative; }
.bl-hero .wp-block-image { margin: 0; }
.bl-hero .wp-block-image img { max-width: min(420px, 80vw); height: auto; }

/* Shared section type */
.bl-section h2 {
	font-size: 40px;
	line-height: 1.3;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #3a3a3a;
	margin: 0 0 20px;
}
.bl-section p, .bl-section li { font-size: 18px; line-height: 1.86; }

/* About */
.bl-about { padding: 80px 0; }
.bl-about ul { padding-left: 1.2em; margin-top: 0; }
.bl-about li { margin-bottom: 0.6em; }

/* Section-3 image band */
.bl-band {
	background: #111 url("assets/section3.jpg") center / cover no-repeat;
	min-height: 260px;
}

/* Services — black */
.bl-services-section { background: #000; padding: 100px 0; text-align: center; }
.bl-services-section h2 { color: #fff; margin-bottom: 48px; }
ul.bl-services {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 24px 40px;
}
ul.bl-services li {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
}

/* Carrier requirements — photo left, text right */
.bl-carrier { padding: 0; }
.bl-carrier .wp-block-columns { margin: 0; gap: 0; align-items: stretch; }
.bl-carrier-photo {
	background: #ccc url("assets/carrier.jpg") center / cover no-repeat;
	min-height: 520px;
}
.bl-carrier-text { padding: 80px 6vw 80px 60px; box-sizing: border-box; }
.bl-carrier-text h2 { font-size: 30px; color: #000; }
.bl-carrier-text ul { padding-left: 1.2em; margin: 0; }
.bl-carrier-text li { margin-bottom: 0.5em; }
.bl-carrier-text li ul { margin-top: 0.3em; list-style: none; padding-left: 0.6em; }
.bl-carrier-text li li { font-size: 15px; margin-bottom: 0; }

/* Contact */
.bl-contact { background: #eee; padding: 80px 0; }
.bl-contact h2 { color: #000; }
.bl-contact .wp-block-button__link { font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; padding: 14px 28px; }

/* Footer */
.bl-footer {
	background: #000;
	color: #ccc;
	padding: 32px 24px;
	text-align: center;
	font-size: 15px;
}
.bl-footer p { margin: 0.3em 0; }
.bl-footer a { color: #fff; }

@media (max-width: 781px) {
	.bl-hero { min-height: 480px; }
	.bl-section h2 { font-size: 30px; }
	.bl-carrier-photo { min-height: 300px; }
	.bl-carrier-text { padding: 56px 24px; }
	.bl-about, .bl-contact { padding: 56px 0; }
	.bl-services-section { padding: 64px 0; }
	ul.bl-services { flex-direction: column; }
	.bl-band { min-height: 160px; }
}