/* Datamancer — site-wide layout: sticky header, nav, footer. Loaded on every page after style.css.
   2026-09-12. */

/* ---- page frame: the footer used to be absolutely positioned and overlapped the last content row ---- */
body { margin: 0 !important; padding: 0; display: flex; flex-direction: column; min-height: 100vh; }
body > * { flex-shrink: 0; }
.footer42 { position: static !important; margin-top: auto; height: auto !important; width: 100%; left: auto; bottom: auto; }

/* ---- header ---- */
.top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 900;
	background: #fff;
	box-shadow: 0 1px 0 #e3e1e2, 0 2px 14px rgba(0, 0, 0, 0.06);
}
body.admin-bar .top { top: 32px; }
.top > .wraper { display: flex; align-items: center; justify-content: space-between; min-height: 76px; }
.top .top_left { float: none; width: auto; padding: 0; }
.top .dm-logo-link { display: block; line-height: 0; }
.top .dmlogo { display: block; padding: 0; }
.top .top_right { float: none; width: auto; padding: 0; margin: 0; display: flex; align-items: center; }
.top .nav { float: none; margin: 0; padding: 0; }
.top .nav ul.menu { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.top .nav ul.menu > li { display: block; position: relative; padding: 0; margin: 0 0 0 28px; list-style: none; }
.top .nav ul.menu > li:first-child { margin-left: 0; }
.top .nav ul.menu > li > a,
.top .log li a {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
	padding: 27px 0;
	position: relative;
	transition: color 0.15s;
}
.top .nav ul.menu > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	height: 2px;
	background: #721c12;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.18s ease;
}
.top .nav ul.menu > li:hover > a,
.top .nav ul.menu > li.current-menu-item > a,
.top .nav ul.menu > li.current-menu-ancestor > a,
.top .log li a:hover { color: #721c12; }
.top .nav ul.menu > li:hover > a::after,
.top .nav ul.menu > li.current-menu-item > a::after,
.top .nav ul.menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }

/* dropdown: two-column tile grid instead of the old 660px-tall single column */
.top .nav ul.menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: -18px;
	margin: 0 !important;
	padding: 14px;
	width: 372px;
	height: auto;
	background: #fff;
	border: 1px solid #e3e1e2;
	border-top: 3px solid #721c12;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
	z-index: 950;
	grid-template-columns: 1fr 1fr;
	gap: 8px 12px;
	text-align: left;
}
.top .nav ul.menu > li:hover > .sub-menu { display: grid; }
.top .nav .sub-menu li { display: block; padding: 0; margin: 0; position: static; }
.top .nav .sub-menu a {
	display: block;
	text-decoration: none;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px !important;
	line-height: 20px;
	padding: 8px;
	border-radius: 2px;
	transition: background 0.15s, color 0.15s;
}
.top .nav .sub-menu a:hover { background: #f5f3f3; color: #721c12; }
.top .nav .sub-menu .menu-image-title { display: block; height: auto; margin: 0 0 7px; padding: 0; }
.top .nav .sub-menu img.menu-image { display: block; width: 100%; height: 78px; object-fit: cover; margin: 0; }

.top .log { float: none; display: flex; align-items: center; margin: 0 0 0 28px; padding: 0 0 0 26px; border-left: 1px solid #e3e1e2; list-style: none; }
.top .log li { display: block; padding: 0; margin: 0 0 0 22px; list-style: none; }
.top .log li:first-child { margin-left: 0; }
.top .log .dm-cart-link { display: flex; align-items: center; gap: 7px; }
.top .log .dm-cart-icon { display: block; position: relative; top: -1px; }

/* ---- footer ---- */
.footer { background: #fff; width: 100%; box-shadow: 0 -1px 0 #e3e1e2, 0 -2px 14px rgba(0, 0, 0, 0.04); padding: 24px 0; margin-top: 12px; }
.footer .textwidget { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer .fotr_lft, .footer .fotr_rgt { float: none; width: auto; }
.footer .fotr_lft { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #6c6c6c; }
.footer .fotr_lft br { display: none; }
.footer .fotr_rgt { display: flex; align-items: center; gap: 26px; }
.footer .fotr_rgt ul.link, .footer .social { float: none; display: flex; align-items: center; padding: 0; margin: 0; list-style: none; }
.footer .fotr_rgt ul.link li { display: block; padding: 0 0 0 22px; }
.footer .fotr_rgt ul.link li:first-child { padding-left: 0; }
.footer .fotr_rgt ul.link li a { font-size: 15px; color: #454545; text-decoration: none; transition: color 0.15s; }
.footer .fotr_rgt ul.link li a:hover { color: #721c12; }
.footer .social { padding-left: 22px; border-left: 1px solid #e3e1e2; gap: 8px; }
.footer .social > li { display: block; padding: 0; }
.footer .social a { display: block; line-height: 0; }
.footer .instagram, .footer .facebook { float: none; margin: 0; }
.footer .clr { display: none; }