/**
 * Woodturners theme styles.
 *
 * Colours, fonts and sizes come from theme.json; this file covers layout details
 * that theme.json can't express. Values follow the former U-Design settings:
 * 960px layout, red (#8A1F11) menu bar and footer, left shop sidebar.
 */

/* ---------- Page frame: keep the footer at the bottom on short pages ---------- */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}
.wp-site-blocks > * {
	margin-block-start: 0;
}
.wp-site-blocks > main {
	flex: 1 0 auto;
}

/* ---------- Header: logo, tagline, search ---------- */
.wt-header {
	padding-top: 30px;
	padding-bottom: 20px;
}
.wt-header-inner {
	gap: 16px 30px;
}
.wt-branding {
	gap: 8px;
}
.wt-logo {
	margin: 0;
}
.wt-logo img {
	max-width: 100%;
	height: auto;
}
.wt-tagline {
	margin: 0 0 0 18px;
}
.wt-header-search {
	margin-top: 10px;
}

/* ---------- Menu bar (sticks to the top when scrolling) ---------- */
.wt-menubar-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}
@media (max-width: 600px) {
	/* The admin bar scrolls away on small screens. */
	.wt-menubar-part {
		top: 0;
	}
}
.wt-menubar {
	padding-top: 6px;
	padding-bottom: 6px;
}
.wt-main-nav {
	gap: 0;
}
.wt-main-nav .wp-block-navigation-item__content {
	padding: 8px 16px;
	line-height: 1.4;
}
.wt-main-nav > .wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content {
	padding-left: 0;
}

/* Drop-down menus */
.wt-main-nav .wp-block-navigation__submenu-container {
	min-width: 230px !important;
	border: 0 !important;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	font-size: 14px;
}
.wt-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 16px;
}
.wt-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* Mobile menu overlay */
.wt-main-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 20px;
}
.wt-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	box-shadow: none;
}

/* ---------- Main content ---------- */
.wt-main {
	padding-top: 10px;
	padding-bottom: 50px;
}
.wt-page-title {
	padding: 18px 0;
	margin-bottom: 10px;
}
.wt-home {
	padding-top: 0;
}

/* Heading style "Lines on both sides" (was the WPBakery text separator) */
.is-style-wt-line {
	display: flex;
	align-items: center;
	gap: 16px;
}
.is-style-wt-line::before,
.is-style-wt-line::after {
	content: "";
	flex: 1;
	border-top: 2px solid var(--wp--preset--color--chino);
}

/* Home page "Information" cards */
.wt-info-card {
	height: 100%;
	padding: 20px;
	background: var(--wp--preset--color--card);
	gap: 12px;
}
.wt-info-card .wp-block-post-title {
	margin: 0;
}
.wt-read-more {
	display: inline-block;
	margin-top: auto;
	padding: 0.5em 1.1em;
	border-radius: 4px;
	background: var(--wp--preset--color--mulled-wine);
	color: #fff !important;
	text-decoration: none !important;
}
.wt-read-more:hover {
	background: var(--wp--preset--color--accent-3);
}

/* Blog / search listings */
.wt-post-summary {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.wt-post-summary .wp-block-post-title {
	font-size: 25px;
}

/* [divider_top] on Ordering Information */
.wt-divider-top {
	margin: 20px 0;
	padding-top: 6px;
	border-top: 1px solid #e5e5e5;
	text-align: right;
	font-size: 13px;
}

/* ---------- Shop layout: sidebar on the left ---------- */
.wt-shop-sidebar {
	padding: 20px;
	background: var(--wp--preset--color--accent-5);
}
.wt-shop-sidebar .widget + .widget {
	margin-top: 24px;
}
.wt-shop-sidebar .widgettitle {
	margin: 0 0 12px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
	color: var(--wp--preset--color--contrast);
	font-size: 18px;
}
/* WOOCS wraps its output in a second .widget; don't double the spacing. */
.wt-shop-sidebar .widget .widget {
	margin: 0;
}
.wt-shop-sidebar a.woocs_flag_view_item {
	margin: 0 8px 4px 0;
}
.wt-currency-note p {
	font-size: 13px;
}

@media (max-width: 781px) {
	/* Products first, sidebar after, on phones (as the old theme did). */
	.wt-shop-columns {
		display: flex;
		flex-direction: column;
	}
	.wt-shop-sidebar-col {
		order: 2;
	}
}

/* ---------- WooCommerce tweaks ---------- */
.woocommerce .woocommerce-products-header__title.page-title {
	margin-top: 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 15px;
	color: var(--wp--preset--color--contrast);
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--wp--preset--color--accent-1);
}

/* ---------- Footer ---------- */
.wt-footer {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 13px;
}
.wt-footer p {
	margin: 0;
}
.wt-footer a,
.wt-footer a:visited {
	color: #F5F5F5;
	text-decoration: underline;
}
.wt-footer a:hover {
	color: #000;
}