/*
 * Main theme styles.
 *
 * Every .css file in assets/css/ is auto-enqueued on the front-end by
 * Theme::autoEnqueueStyles() (handle: theme-<filename>, version = filemtime).
 *
 * Colors, typography, buttons, fields, header and layouts are configured in
 * Impreza (Theme Options, Header Builder, Reusable Blocks) — see
 * `wp oak66 setup`. This file only holds what Impreza has no setting for.
 */

/* Italic Cormorant for the text logo (Impreza only loads the regular cut) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600&display=swap');

/* Text logo "Oak66" (header + footer Text element, class "oak-logo") */
.oak-logo,
.oak-logo a {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-style: italic;
	font-weight: 600;
	font-size: 38px;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #EFE9E1;
}
.oak-logo a:hover {
	color: var(--color-header-middle-text-hover);
}
.oak-logo-footer,
.oak-logo-footer a {
	font-size: 36px;
}
@media (max-width: 600px) {
	.l-header .oak-logo,
	.l-header .oak-logo a { font-size: 32px; }
}

/* Google Maps embed on the contact page (Raw HTML element, class "oak-map") */
.oak-map iframe {
	display: block;
	width: 100%;
	height: 460px;
	border: 1px solid var(--color-content-border);
	border-radius: 4px;
}
@media (max-width: 600px) {
	.oak-map iframe { height: 320px; }
}

/* Review details ("Plank / Maat") */
.review-specs span {
	display: inline-block;
	min-width: 4.5em;
	color: var(--color-content-faded);
}

/* Copyright bar: no paragraph gap */
.footer-bottom p {
	margin: 0;
}