/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* ==========================================================================
 * Hide author / date byline on singular location views.
 * Covers Divi's .post-meta and the generic .entry-meta / .byline / .posted-on.
 * ========================================================================== */

body.single-dexter1862_location .post-meta,
body.single-dexter1862_location .et_post_meta_wrapper p.post-meta,
body.single-dexter1862_location .entry-meta,
body.single-dexter1862_location .byline,
body.single-dexter1862_location .posted-on {
	display: none !important;
}

/* ==========================================================================
 * Pour-activity chart on singular dexter1862_location views.
 * Scoped to the body class WordPress emits on single CPT templates.
 * ========================================================================== */

body.single-dexter1862_location #dexter1862-location-chart-wrapper {
	position: relative;
	min-height: 360px;
	margin: 24px 0;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}

body.single-dexter1862_location .dexter1862-chart-heading {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
}

body.single-dexter1862_location .dexter1862-chart-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
}

body.single-dexter1862_location .dexter1862-chart-controls__label {
	font-size: 13px;
	font-weight: 600;
	color: #1d2327;
	margin: 0;
}

body.single-dexter1862_location .dexter1862-chart-controls__select {
	min-width: 220px;
	padding: 4px 8px;
	font-size: 13px;
}

body.single-dexter1862_location #dexter1862-location-chart {
	display: block;
	width: 100% !important;
	height: 300px !important;
}

body.single-dexter1862_location .dexter1862-chart-caption {
	margin: 8px 0 0;
	font-size: 12px;
	color: #787c82;
	font-style: italic;
}

body.single-dexter1862_location .dexter1862-chart-fallback {
	margin: 12px 0;
	padding: 10px 12px;
	background: #f6f7f7;
	border-left: 4px solid #d63638;
	color: #50575e;
	font-size: 13px;
}

#et-main-area {
	margin-top: 55px !important;
}

.bottom-nav a {
	color: #ffffff !important;
}

.et_header_style_left .logo_container {
	max-height: 128px !important;
}

#top-menu li {
	padding-right: 40px !important;
	line-height: 1.4em !important;
	text-align: center !important;
}

#sow-button-2 {
	display: block !important;
	float: none !important;
	clear: left !important;
}
#sow-social-media-buttons-3 {
	display: block !important;
	float: none !important;
	clear: left !important;
}

#sow-social-media-buttons-3 a {
	font-size: x-large !important;
	padding: 0.5em 0 !important;
	width: 2.0em !important;
}

.product_meta .sku_wrapper {
	display: none !important;
}

.summary.entry-summary .stock {
	display: none !important;
}

.brainbrew-parchment-border {
	border: 15px solid #e2c83c;
	/*height: 40vh;*/
	border-image: url("/wp-content/plugins/BrainBrewTweaks/public/assets/brainbrew_parchment_border.png") 30;
	border-image-repeat: repeat;
	/*padding: 20px 0px;*/
	background-image: url("/wp-content/plugins/BrainBrewTweaks/public/assets/brainbrew_parchment_background.png");
	background-repeat: repeat;
	/*border-radius: 6px;*/
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.6);
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.6);
}


.et_password_protected_form {
	max-width: 50% !important;
	margin: auto !important;
	padding-top: 50px !important;
	padding-bottom: 100px !important;
}

.wooccm-additional-fields .wooccm-type-checkbox {
	width: 100% !important;
	font-size: 125% !important;
	padding: 15px !important;
	background-color: cornsilk !important;
}

.cart #wc-bookings-booking-form .form-field ul.block-picker li {
	list-style-type: none !important;
}

.wc-bookings-date-picker .picker .ui-datepicker .ui-datepicker-calendar .bookable a.ui-state-default {
	padding-top: 1px !important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span {
	margin-top: -9px !important;
	top: 40% !important;
}

.ds-fullwidth-specialty> .et_pb_row {
	min-width: 100% !important;
}

#tab-reviews #comments .commentlist li .star-rating {
	position: relative !important;
	margin-top: 7px !important;
	margin-right: 7px !important;
	font-size: 1.3em !important;
}
.woocommerce #reviews .commentlist .star-rating {
	float: right !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	position: relative !important;
}
#tab-reviews #comments .commentlist li .meta {
	margin-left: 22px !important;
}

#do_uploadFile {
	min-width: fit-content !important;
}

.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #respond input#submit:hover {
	background: #8a2432!important;
	color: #ffffff !important;
	font-weight:bold !important;
}

#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea {
	color: #848282 !important;
	background-color: #f9f9f9 !important;
	border-width: 1px !important;
	border-color: #e2e1e1 !important;
}

.product_meta .posted_in {
	display: none !important;
}
.qc_pro_details, .qc_pro_details:hover {
	display:none !important;
}

td div.conditional-shipping-custom-error-msg {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	padding: 15px !important;
	margin-bottom: 20px !important;
	border: 2px solid #faebcc !important;
	border-radius: 4px !important;
	margin-top: 15px !important;
	max-width: 475px !important;
}

#et-main-area {
	margin-top: 50px !important;
}

#top-menu li li {
	padding: 0 20px !important;
	margin: 0;
}
#top-menu li li a {
	padding: 6px 10px !important;
	width: 200px !important;
}
#top-menu li.menu-item-298 a {
	color: white !important;
	background-color: black !important;
	padding: 8px !important;
}

.et_mobile_menu li.menu-item-298 a {
	color:white !important;
	background-color: black !important;
}

.et_mobile_menu li.menu-item-22087 a {
	color:white !important;
	background-color: black !important;
}

#main-content .container:before {
	background-color: transparent !important;
}

.woocommerce-order-received .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {
	list-style: none outside !important;
}

#pwgc-redeem-gift-card-number::placeholder, #coupon_code::placeholder {
	color: silver !important;
}

.woocommerce input.button {
	color: white !important;
	border: none !important;
}

.woocommerce a.button, .woocommerce a.button.alt {
	color: white !important;
}

.woocommerce-page button.button {
	color: white !important;
	border: none !important;
}

form.checkout_pw_gift_card.woocommerce-form-coupon {
	border: 1px solid #d3ced2 !important;
	padding: 20px !important;
	margin: 2em 0 !important;
}

.pwgc-redeem-error {
	display: inline-block !important;
}


.shipping-unchecked {
	width: 100% !important;
	padding: 15px !important;
	background-color: #dcf9ff !important;
	display: inline-block !important;
	font-size: 105% !important;
}
.shipping-retail {
	width: 100% !important;
	padding: 15px !important;
	background-color: #dcf9ff !important;
	display: inline-block !important;
	font-size: 105% !important;
}
#order_review > table > tfoot > tr.woocommerce-shipping-totals.shipping > td {
	max-width: 300px !important;
}

#bb_tweaks_wizard_bourbon_collection_after a {
	color: #0066CC !important;
}

@media (max-width: 1300px) {
	#top-menu li {
		padding-right: 50px !important;
	}
	#top-menu li a {
		font-size: 16px !important;
	}
}

@media (max-width: 1024px) {
	#et_mobile_nav_menu {
		display: block !important;
	}

	#top-menu {
		display: none !important;
	}
}

@media only screen and (max-width: 980px) {
	.four-columns.et_pb_row_4col .et_pb_column {
		width: 25% !important;
	}
	#et-main-area{
		margin-top: 125px !important;
	}
	body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
		padding-top: 0 !important;
	}
	.five-columns .et_pb_column {
		width: 20%!important;
	}
	#page-container, .et_fixed_nav.et_show_nav #page-container {
		padding-top: 25px!important;
	}

	.cart_totals table.shop_table_responsive tr td[data-title="Shipping"]::before {
		width: 100% !important;
		text-align: left !important;
	}
	.cart_totals table.shop_table_responsive tr td ul#shipping_method {
		text-align: left !important;
		margin-top: 35px !important;
	}

	.woocommerce-cart table.cart td.actions .coupon #pwgc-redeem-gift-card-number {
		width: 100% !important;
	}
	.cross-sells {
		display:none !important;
	}
}

/*adjust Divi Menu module breakpoint*/
@media (max-width: 1110px) {
	#top-menu {
		display: none !important;
	}
	#et_mobile_nav_menu {
		display: block !important;
	}
}
@media (max-width: 1375px) {
	#top-menu li {
		padding-right: 20px !important;
	}
}


/* ==========================================================================
 * Dexter 1862 — Pour Activity Dashboard  (.d62-*)
 * All rules scoped to body.single-dexter1862_location to avoid leaking into
 * the rest of the Divi/WooCommerce site.
 * ========================================================================== */

/* CSS custom properties — change these to retheme the whole dashboard */
body.single-dexter1862_location {
	--d62-brand:        #8a2432;
	--d62-brand-lt:     #b03040;
	--d62-amber:        #c97d2a;
	--d62-amber-lt:     #e8a84c;
	--d62-surface:      #ffffff;
	--d62-surface-alt:  #f8f7f5;
	--d62-border:       #e2e2e2;
	--d62-border-dk:    #cccccc;
	--d62-text:         #1d2327;
	--d62-text-muted:   #6b7280;
	--d62-success:      #2e7d32;
	--d62-warning:      #b45309;
	--d62-danger:       #c0392b;
	--d62-radius:       6px;
	--d62-shadow:       0 1px 4px rgba(0, 0, 0, 0.08);
	--d62-shadow-md:    0 2px 8px rgba(0, 0, 0, 0.12);
}

/* ── Outer wrapper ─────────────────────────────────────────────────────────── */

body.single-dexter1862_location #dexter1862-location-chart-wrapper {
	background: var(--d62-surface-alt);
	border: 1px solid var(--d62-border);
	border-radius: var(--d62-radius);
	padding: 0;
	min-height: 0;
	overflow: hidden;
}

/* ── Dashboard shell ───────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-dashboard {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ── Controls bar ──────────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
	padding: 14px 16px;
	background: var(--d62-surface);
	border: 1px solid var(--d62-border);
	border-radius: var(--d62-radius);
	box-shadow: var(--d62-shadow);
}

body.single-dexter1862_location .d62-ctrl-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.single-dexter1862_location .d62-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--d62-text-muted);
	margin: 0;
}

/* Range buttons */
body.single-dexter1862_location .d62-range-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

body.single-dexter1862_location .d62-range-btn {
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--d62-text);
	background: var(--d62-surface-alt);
	border: 1px solid var(--d62-border-dk);
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

body.single-dexter1862_location .d62-range-btn:hover {
	background: #f0ebe8;
	border-color: var(--d62-brand);
	color: var(--d62-brand);
}

body.single-dexter1862_location .d62-range-btn.active {
	background: var(--d62-brand);
	border-color: var(--d62-brand);
	color: #ffffff;
}

/* Custom date row */
body.single-dexter1862_location .d62-custom-dates {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 2px;
}

body.single-dexter1862_location .d62-date-input {
	padding: 4px 8px;
	font-size: 12px;
	border: 1px solid var(--d62-border-dk);
	border-radius: 4px;
	color: var(--d62-text);
	background: var(--d62-surface);
}

body.single-dexter1862_location .d62-date-sep {
	color: var(--d62-text-muted);
	font-size: 13px;
}

body.single-dexter1862_location .d62-apply-btn {
	padding: 4px 12px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	background: var(--d62-brand);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.15s;
}

body.single-dexter1862_location .d62-apply-btn:hover {
	background: var(--d62-brand-lt);
}

/* Machine select (moved into controls by JS) */
body.single-dexter1862_location #dexter1862-machine-filter {
	padding: 5px 28px 5px 8px;
	font-size: 12px;
	border: 1px solid var(--d62-border-dk);
	border-radius: 4px;
	color: var(--d62-text);
	background: var(--d62-surface);
	min-width: 200px;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 9px center;
	cursor: pointer;
}

/* ── KPI cards ─────────────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-kpis {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

body.single-dexter1862_location .d62-kpi {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px 18px;
	background: var(--d62-surface);
	border: 1px solid var(--d62-border);
	border-top: 3px solid var(--d62-brand);
	border-radius: var(--d62-radius);
	box-shadow: var(--d62-shadow);
}

body.single-dexter1862_location .d62-kpi-val {
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: var(--d62-text);
	letter-spacing: -0.02em;
}

body.single-dexter1862_location .d62-kpi-lbl {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--d62-text-muted);
}

/* Accent KPI — errors card gets a red top border */
body.single-dexter1862_location #d62-kpi-errors {
	border-top-color: var(--d62-danger);
}

body.single-dexter1862_location #d62-kpi-rate {
	border-top-color: var(--d62-success);
}

/* ── Panel rows ────────────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-row {
	display: flex;
	gap: 16px;
	align-items: stretch;
}

/* ── Individual panels ─────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-panel {
	position: relative;
	background: var(--d62-surface);
	border: 1px solid var(--d62-border);
	border-radius: var(--d62-radius);
	box-shadow: var(--d62-shadow);
	padding: 16px 18px 18px;
	min-width: 0; /* prevents flex blowout */
}

body.single-dexter1862_location .d62-panel--wide {
	flex: 1 1 100%;
}

body.single-dexter1862_location .d62-panel--half {
	flex: 1 1 0;
}

body.single-dexter1862_location .d62-panel-title {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--d62-text);
	letter-spacing: 0.01em;
	border-bottom: 1px solid var(--d62-border);
	padding-bottom: 10px;
}

/* ── Chart canvas wrappers ─────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-chart-wrap {
	position: relative;
	width: 100%;
	height: 260px;
}

body.single-dexter1862_location .d62-chart-wrap--sm {
	height: 220px;
}

body.single-dexter1862_location .d62-chart-wrap canvas,
body.single-dexter1862_location .d62-chart-wrap--sm canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

/* ── Loading spinner ───────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 28px;
	height: 28px;
	border: 3px solid var(--d62-border-dk);
	border-top-color: var(--d62-brand);
	border-radius: 50%;
	animation: d62-spin 0.7s linear infinite;
	z-index: 10;
}

@keyframes d62-spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ── Calibration table ─────────────────────────────────────────────────────── */

body.single-dexter1862_location #d62-calibration-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 280px;
	overflow-y: auto;
}

body.single-dexter1862_location .d62-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	color: var(--d62-text);
}

body.single-dexter1862_location .d62-table thead {
	position: sticky;
	top: 0;
	z-index: 2;
}

body.single-dexter1862_location .d62-table thead th {
	padding: 7px 10px;
	text-align: left;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--d62-text-muted);
	background: var(--d62-surface-alt);
	border-bottom: 1px solid var(--d62-border-dk);
	white-space: nowrap;
}

body.single-dexter1862_location .d62-table tbody tr {
	border-bottom: 1px solid var(--d62-border);
	transition: background 0.1s;
}

body.single-dexter1862_location .d62-table tbody tr:last-child {
	border-bottom: none;
}

body.single-dexter1862_location .d62-table tbody tr:hover {
	background: #faf8f6;
}

body.single-dexter1862_location .d62-table tbody td {
	padding: 7px 10px;
	vertical-align: middle;
	white-space: nowrap;
}

/* Calibration change indicators */
body.single-dexter1862_location .d62-up {
	color: var(--d62-success);
	font-weight: 600;
	font-size: 11px;
}

body.single-dexter1862_location .d62-dn {
	color: var(--d62-danger);
	font-weight: 600;
	font-size: 11px;
}

/* ── Empty state ───────────────────────────────────────────────────────────── */

body.single-dexter1862_location .d62-empty {
	margin: 20px 0 8px;
	font-size: 13px;
	color: var(--d62-text-muted);
	text-align: center;
	font-style: italic;
}

/* ── Responsive breakpoints ────────────────────────────────────────────────── */

/* Tablet: stack the half panels */
@media (max-width: 900px) {
	body.single-dexter1862_location .d62-kpis {
		grid-template-columns: repeat(2, 1fr);
	}

	body.single-dexter1862_location .d62-row {
		flex-direction: column;
	}

	body.single-dexter1862_location .d62-panel--half {
		flex: 1 1 auto;
	}
}

/* Mobile: single column KPIs, narrower controls */
@media (max-width: 540px) {
	body.single-dexter1862_location .d62-dashboard {
		padding: 12px;
		gap: 12px;
	}

	body.single-dexter1862_location .d62-kpis {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	body.single-dexter1862_location .d62-kpi-val {
		font-size: 20px;
	}

	body.single-dexter1862_location .d62-controls {
		padding: 10px 12px;
		gap: 12px;
	}

	body.single-dexter1862_location .d62-range-btn {
		padding: 4px 9px;
		font-size: 11px;
	}

	body.single-dexter1862_location .d62-chart-wrap {
		height: 200px;
	}

	body.single-dexter1862_location .d62-chart-wrap--sm {
		height: 180px;
	}

	body.single-dexter1862_location #dexter1862-machine-filter {
		min-width: 0;
		width: 100%;
	}
}

body.single-dexter1862_location #d62-kpi-revenue {
	border-top-color: var(--d62-amber);
}

body.single-dexter1862_location #d62-kpi-profit {
	border-top-color: var(--d62-success);
}

body.single-dexter1862_location .d62-heatmap-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
}

body.single-dexter1862_location .d62-heatmap-table thead th {
	padding: 4px 2px;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--d62-text-muted);
	border-bottom: 1px solid var(--d62-border);
}

body.single-dexter1862_location .d62-heatmap-hour {
	padding: 3px 8px 3px 0;
	font-size: 10px;
	font-family: monospace;
	color: var(--d62-text-muted);
	white-space: nowrap;
	text-align: right;
	width: 36px;
}

body.single-dexter1862_location .d62-heatmap-cell {
	text-align: center;
	padding: 4px 2px;
	font-family: monospace;
	font-size: 10px;
	border: 1px solid var(--d62-surface-alt);
	border-radius: 2px;
	cursor: default;
	transition: opacity 0.1s;
}

body.single-dexter1862_location .d62-heatmap-cell:hover {
	opacity: 0.8;
	outline: 2px solid var(--d62-border-dk);
}
body.single-dexter1862_location .d62-heatmap-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
}

body.single-dexter1862_location .d62-heatmap-table thead th {
	padding: 4px 2px;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--d62-text-muted);
	border-bottom: 1px solid var(--d62-border);
}

body.single-dexter1862_location .d62-heatmap-hour {
	padding: 3px 8px 3px 0;
	font-size: 10px;
	font-family: monospace;
	color: var(--d62-text-muted);
	white-space: nowrap;
	text-align: right;
	width: 36px;
}

body.single-dexter1862_location .d62-heatmap-cell {
	text-align: center;
	padding: 4px 2px;
	font-family: monospace;
	font-size: 10px;
	border: 1px solid var(--d62-surface-alt);
	border-radius: 2px;
	cursor: default;
	transition: opacity 0.1s;
}

body.single-dexter1862_location .d62-heatmap-cell:hover {
	opacity: 0.8;
	outline: 2px solid var(--d62-border-dk);
}

body.single-dexter1862_location #left-area {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}
body.single-dexter1862_location .d62-outcomes-detail {
	margin-top: 16px;
	border-top: 1px solid var(--d62-border);
	padding-top: 12px;
}

body.single-dexter1862_location .d62-outcomes-all-good {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--d62-success);
	margin: 0;
}

body.single-dexter1862_location .d62-outcomes-check {
	font-size: 16px;
}

body.single-dexter1862_location .d62-outcomes-detail-heading {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--d62-text-muted);
	margin-bottom: 8px;
}

body.single-dexter1862_location .d62-outcome-badge {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body.single-dexter1862_location .d62-outcomes-error-msg {
	font-size: 11px;
	color: var(--d62-text-muted);
	max-width: 260px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.single-dexter1862_location .d62-recipes-summary {
	margin-top: 16px;
	border-top: 1px solid var(--d62-border);
	padding-top: 12px;
	overflow-x: auto;
}

body.single-dexter1862_location .d62-pct-bar-wrap {
	display: inline-block;
	width: 60px;
	height: 6px;
	background: var(--d62-border);
	border-radius: 3px;
	vertical-align: middle;
	margin-right: 6px;
}

body.single-dexter1862_location .d62-pct-bar {
	height: 100%;
	background: var(--d62-brand);
	border-radius: 3px;
	min-width: 2px;
}

body.single-dexter1862_location .d62-pct-label {
	font-family: monospace;
	font-size: 11px;
}


body.single-dexter1862_location .d62-mode-summary-table {
	width: 100%;
	table-layout: fixed;
}

body.single-dexter1862_location .d62-mode-summary-table th,
body.single-dexter1862_location .d62-mode-summary-table td {
	text-align: right;
	white-space: nowrap;
}

body.single-dexter1862_location .d62-mode-summary-table th:first-child,
body.single-dexter1862_location .d62-mode-summary-table td:first-child {
	text-align: left;
}

body.single-dexter1862_location .d62-mode-label {
	font-weight: 600;
	font-size: 12px;
}

body.single-dexter1862_location .d62-mode-totals td {
	font-weight: 700;
	border-top: 2px solid var(--d62-border-dk);
	padding-top: 10px;
}
/* ==========================================================================
 * Print styles — landscape, full color, clean layout
 * ========================================================================== */
@media print {
	body {
		padding: 0.5in !important;
	}
	/* hide the print button itself */
	.d62-print-btn {
		display: none !important;
	}

	/* hide the Divi/WordPress footer */
	footer,
	footer#main-footer,
	#footer-bottom,
	.et_pb_section:last-of-type {
		display: none !important;
	}


	/* ── Page setup ─────────────────────────────────────────────────────────── */
	@page {
		size: landscape;
		margin-top:    0.5in;
		margin-bottom: 0.5in;
		margin-left:   0.5in;
		margin-right:  0.5in;
	}

	/* ── Force color printing ────────────────────────────────────────────────── */
	* {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust:         exact !important;
		color-adjust:               exact !important;
	}

	/* ── Hide Divi chrome and WordPress admin bar ────────────────────────────── */
	#wpadminbar,
	#main-header,
	#et-top-navigation,
	.et_pb_section_0,
	footer#main-footer,
	#footer-bottom,
	.et_pb_button,
	.bottom-nav {
		display: none !important;
	}

	/* ── Reset Divi containers — body excluded ───────────────────────────────── */
	#page-container,
	#main-content,
	.container,
	.et_pb_row,
	.et_pb_column,
	.et_pb_module {
		width:      100% !important;
		max-width:  100% !important;
		padding:    0 !important;
		margin:     0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border:     none !important;
	}

	/* ── Body gets padding instead of margin so @page margins still apply ─────── */
	body {
		margin:     0 !important;
		padding:    0.5in !important;
		background: #ffffff !important;
	}

	/* ── Dashboard wrapper ───────────────────────────────────────────────────── */
	#dexter1862-location-chart-wrapper {
		display:    block !important;
		visibility: visible !important;
		width:      100% !important;
		border:     none !important;
		padding:    0 !important;
		margin:     0 !important;
		background: #ffffff !important;
	}

	.d62-dashboard {
		display: flex !important;
		padding: 0 !important;
		gap:     10px !important;
	}

	/* ── Controls — hide interactive elements, keep date range label ─────────── */
	.d62-controls {
		border:     1px solid #cccccc !important;
		background: #ffffff !important;
		padding:    6px 10px !important;
		gap:        8px !important;
	}

	.d62-range-btns,
	.d62-custom-dates,
	.d62-apply-btn,
	.d62-print-btn,
	#dexter1862-machine-filter {
		display: none !important;
	}

	/* ── KPI cards ───────────────────────────────────────────────────────────── */
	.d62-kpis {
		grid-template-columns: repeat( 4, 1fr ) !important;
		gap: 8px !important;
		break-inside: avoid;
	}

	.d62-kpi {
		padding:    10px 12px !important;
		box-shadow: none !important;
		border:     1px solid #cccccc !important;
		background: #ffffff !important;
	}

	.d62-kpi-val { font-size: 18px !important; }

	/* ── Panel rows ──────────────────────────────────────────────────────────── */
	.d62-row {
		flex-direction: row !important;
		gap: 8px !important;
		break-inside: avoid;
	}

	.d62-panel {
		box-shadow:   none !important;
		border:       1px solid #cccccc !important;
		background:   #ffffff !important;
		break-inside: avoid;
	}

	.d62-panel--half { flex: 1 1 0 !important; }
	.d62-panel--wide { flex: 1 1 100% !important; }

	.d62-panel-title {
		font-size:     11px !important;
		padding-bottom: 6px !important;
		margin-bottom:  6px !important;
	}

	/* ── Charts ──────────────────────────────────────────────────────────────── */
	.d62-chart-wrap    { height: 180px !important; }
	.d62-chart-wrap--sm { height: 160px !important; }

	/* ── Heatmap ─────────────────────────────────────────────────────────────── */
	.d62-heatmap-table  { font-size: 9px !important; }
	.d62-heatmap-cell   { padding: 2px 1px !important; }
	.d62-heatmap-hour   { font-size: 8px !important; }
	.d62-heatmap-wrap   { overflow: visible !important; }

	/* ── Tables ──────────────────────────────────────────────────────────────── */
	.d62-table               { font-size: 10px !important; }
	.d62-table thead th      { font-size: 9px !important; padding: 4px 6px !important; }
	.d62-table tbody td      { padding: 4px 6px !important; }
	#d62-calibration-table,
	#d62-top-recipes-table   { max-height: none !important; overflow: visible !important; }

	/* ── Mode summary ────────────────────────────────────────────────────────── */
	.d62-mode-summary-table  { font-size: 10px !important; }

	/* ── Outcomes ────────────────────────────────────────────────────────────── */
	.d62-outcomes-detail     { font-size: 10px !important; }
	.d62-outcomes-error-msg  { max-width: none !important; white-space: normal !important; }


}
/* shown on screen too — hidden via opacity so it doesn't clutter the controls */
body.single-dexter1862_location .d62-print-range-label {
	display: none;
	font-size:   12px;
	font-weight: 600;
	color:       var(--d62-text);
}

@media print {
	body.single-dexter1862_location .d62-print-range-label {
		display: block !important;
	}
}