/*
 * Bovbjerg Modern Landing — site-wide reskin.
 * Applies to every page: colors and typography only. No layout,
 * grid, or template structure is changed here — Twenty Seventeen's
 * existing page structure stays exactly as it is.
 */

:root {
	--bml-bg: #1a1a18;
	--bml-bg-raised: #201f1c;
	--bml-text: #f5f3ee;
	--bml-text-muted: #c9c7bf;
	--bml-text-dim: #8f8d84;
	--bml-border: #34332f;
	--bml-link: #e7e4da;
	--bml-link-hover: #ffffff;
}

/* --- Base --- */

html,
body,
#page.site {
	background-color: var(--bml-bg) !important;
	color: var(--bml-text-muted);
}

body {
	font-weight: 400;
}

p,
li,
dd,
dt,
label,
.entry-meta,
.entry-content,
.widget {
	color: var(--bml-text-muted);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.site-title,
.widget-title,
.page-title {
	color: var(--bml-text) !important;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.entry-content {
	line-height: 1.7;
}

a {
	color: var(--bml-link);
}

a:hover,
a:focus {
	color: var(--bml-link-hover);
}

blockquote {
	border-color: var(--bml-border);
	color: var(--bml-text-muted);
}

hr {
	border-color: var(--bml-border);
}

::selection {
	background: var(--bml-text);
	color: var(--bml-bg);
}

/* --- Buttons & form fields --- */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	background-color: var(--bml-text) !important;
	color: var(--bml-bg) !important;
	border: none !important;
	border-radius: 6px;
	font-weight: 500;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
	opacity: 0.85;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background-color: var(--bml-bg-raised) !important;
	border: 1px solid var(--bml-border) !important;
	color: var(--bml-text) !important;
	border-radius: 4px;
}

input::placeholder,
textarea::placeholder {
	color: var(--bml-text-dim);
}

/* --- Header & navigation ---
   Intentionally left untouched. The menu bar's colors come from
   Appearance > Customize > Colors (Twenty Seventeen's own native
   color options), not from this theme. */

/* --- Content area --- */

#content.site-content,
#primary.content-area,
#main.site-main,
article {
	background-color: var(--bml-bg) !important;
}

.entry-content img,
.wp-block-image img {
	border-radius: 6px;
}

/* --- Sidebar / widgets --- */

#secondary.widget-area,
.widget {
	background-color: var(--bml-bg) !important;
}

.widget a {
	color: var(--bml-link);
}

/* --- Comments --- */

.comments-area,
.comment-content,
#respond.comment-respond {
	background-color: var(--bml-bg) !important;
	color: var(--bml-text-muted);
}

.comment-list .comment-content a {
	color: var(--bml-link);
}

/* --- Footer --- */

#colophon.site-footer,
.site-info {
	background-color: var(--bml-bg) !important;
	color: var(--bml-text-dim);
	border-color: var(--bml-border);
}

#colophon a {
	color: var(--bml-text-muted);
}

/* Remove the "Proudly powered by WordPress" credit line and the
   extra space it was sitting in. */
.site-info {
	display: none !important;
}

#colophon.site-footer {
	padding-bottom: 0 !important;
}

/* --- WooCommerce: shop, product, cart, checkout --- */

.woocommerce,
.woocommerce-page {
	color: var(--bml-text-muted);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
	color: var(--bml-text) !important;
}

.woocommerce span.price,
.woocommerce-Price-amount {
	color: var(--bml-text-muted) !important;
}

.woocommerce span.price ins {
	color: var(--bml-text) !important;
	text-decoration: none;
}

.woocommerce span.price del {
	color: var(--bml-text-dim) !important;
	opacity: 0.7;
}

.woocommerce ul.products li.product .onsale {
	background-color: var(--bml-text) !important;
	color: var(--bml-bg) !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button {
	background-color: var(--bml-text) !important;
	color: var(--bml-bg) !important;
	border-radius: 6px !important;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	background-color: var(--bml-bg-raised) !important;
	border-color: var(--bml-border) !important;
	color: var(--bml-text-muted);
}

.woocommerce-breadcrumb {
	color: var(--bml-text-dim);
}

.woocommerce-breadcrumb a {
	color: var(--bml-text-muted);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background-color: var(--bml-bg-raised) !important;
	color: var(--bml-text) !important;
	border-top-color: var(--bml-text-dim) !important;
}

.star-rating {
	color: var(--bml-text);
}