/*
Theme Name: Bølgen Kaffe
Theme URI: https://bolgenkaffe.no
Author: BKL Kaffe AS
Description: Blokktema for Bølgen Kaffe. Rosa, gult og blågrønt, Inter som font, og bølgelinjer fra etikettene. Laget for WooCommerce.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bolgen-kaffe
*/

/* ---------- Generelt ---------- */
a:hover { opacity: .8; }

.wp-block-button__link { transition: opacity .15s ease; }
.wp-block-button__link:hover { opacity: .85; }

/* Omriss-knapp (sekundær) */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.bk-btn-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--blagronn);
	border: 2px solid currentColor;
	padding: 14px 26px;
}

/* Gul knapp på mørk bakgrunn */
.wp-block-button.bk-btn-gul > .wp-block-button__link {
	background: var(--wp--preset--color--gul);
	color: var(--wp--preset--color--blagronn);
}

/* Små versaler (KAFFE, OPPRINNELSE osv.) */
.bk-label {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	margin: 0;
}

/* ---------- Topptekst ---------- */
.bk-header { padding-top: 28px; padding-bottom: 0; }
.bk-header-inner {
	border-bottom: 1px solid var(--wp--preset--color--blagronn);
	padding-bottom: 20px;
	gap: 16px;
}
.bk-logo { margin: 0; font-size: 18px; font-weight: 700; }
.bk-logo a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}
.bk-logo a::before {
	content: "";
	width: 56px;
	height: 32px;
	background: url("assets/logo-bolge.svg") no-repeat center / contain;
	flex: none;
}
.bk-nav { font-size: 16px; font-weight: 500; gap: 28px; }
.bk-nav a { text-decoration: none; }
.bk-header .wc-block-mini-cart__button { color: var(--wp--preset--color--blagronn); }

/* ---------- Hero ---------- */
.bk-hero { position: relative; padding-top: clamp(40px, 7vw, 96px); padding-bottom: 200px; overflow: hidden; }
.bk-hero::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 200px;
	background: url("assets/bolge.svg") no-repeat center bottom / 100% 100%;
	pointer-events: none;
}
.bk-hero-title {
	font-size: clamp(64px, 13vw, 190px);
	line-height: .95;
	letter-spacing: -.03em;
	margin: 0;
}
.bk-lead { font-size: clamp(18px, 2vw, 26px); font-weight: 500; max-width: 620px; }

/* ---------- Seksjoner ---------- */
.bk-section { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(48px, 7vw, 96px); }
.bk-section-title { font-size: clamp(36px, 5vw, 64px); letter-spacing: -.02em; margin: 0; }
.bk-intro { font-size: 20px; font-weight: 500; max-width: 640px; }

/* Produktkort */
.bk-card {
	border: 1px solid var(--wp--preset--color--blagronn);
	padding: clamp(24px, 3vw, 40px);
	height: 100%;
	box-sizing: border-box;
	gap: 20px;
}
.bk-card > * { margin-block: 0; }
.bk-card-title { font-size: clamp(36px, 4.4vw, 56px); letter-spacing: -.02em; line-height: 1; margin: 0; }
.bk-notes { font-size: 18px; font-weight: 500; }
.bk-specs {
	border-top: 1px solid var(--wp--preset--color--blagronn);
	padding-top: 20px;
	font-size: 15px;
	gap: 24px;
}
.bk-specs > * { flex: 1 1 120px; }
.bk-specs p { margin: 0; }
.bk-specs .bk-label { font-size: 15px; letter-spacing: .04em; }
.bk-price-row { gap: 16px; }
.bk-price { font-size: 32px; font-weight: 700; margin: 0; }
.bk-price-note { font-size: 15px; font-weight: 500; margin: 0; }

/* Test Roast */
.bk-testroast-title { font-size: clamp(40px, 6vw, 80px); letter-spacing: -.03em; margin: 0; }
.bk-box { border: 1px solid var(--wp--preset--color--gul); padding: 24px; }
.bk-box p { margin: 0; }
.bk-box-price { font-size: 40px; font-weight: 700; margin-top: 8px !important; }

/* Info-stripe */
.bk-info { padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); }
.bk-info h3 { font-size: 20px; margin: 0 0 8px; }
.bk-info p { font-size: 17px; font-weight: 500; margin: 0; }

/* ---------- Bunntekst ---------- */
.bk-footer { padding-top: 48px; padding-bottom: 56px; font-size: 16px; font-weight: 500; line-height: 1.6; }
.bk-footer p { margin: 0; }
.bk-footer-company { font-size: 20px; font-weight: 700; margin-bottom: 8px !important; }
.bk-footer-links p + p { margin-top: 10px; }
.bk-footer-small { font-size: 14px; margin-top: 40px !important; }

/* ---------- Ingen luft mellom topptekst, seksjoner og bunntekst ---------- */
.wp-site-blocks > * + *,
.bk-main.bk-main > * + * { margin-block-start: 0; }
.bk-main:not(.bk-section) { padding: 0; }

/* Mobil */
@media (max-width: 781px) {
	.bk-header-right { gap: 12px; }
	.bk-hero { padding-bottom: 140px; }
	.bk-hero::after { height: 140px; }
	.bk-box-price { font-size: 30px; }
}

/* Venstrejuster smale tekstavsnitt i sentrerte seksjoner */
.is-layout-constrained > .bk-lead,
.is-layout-constrained > .bk-intro { margin-left: 0 !important; }