/* Get It Today — dark module styling matched to the Lee Oskar sites
   (near-black pages, Poppins, square corners, all-caps bordered buttons).
   Override the tokens below if it ever lands on a light page. */
.loh-git {
	--git-line: #2e2e2e;
	--git-ink: #f2f2f2;
	--git-muted: #a3a3a3;
	--git-accent: #f2f2f2;
	--git-green: #7fe3a1;
	margin: 20px 0;
	padding: 20px 24px;
	border: 1px solid var(--git-line);
	background: #141414;
	color: var(--git-ink);
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 15px;
	line-height: 1.6;
}
.loh-git .git-heading { margin: 0 0 6px; font-size: 1.15em; font-weight: 600; }
.loh-git .git-sub { display: block; margin-bottom: 6px; color: var(--git-muted); font-size: 0.92em; }
.loh-git .git-row { display: flex; gap: 8px; flex-wrap: wrap; }
.loh-git .git-zip {
	flex: 0 1 160px; padding: 9px 10px; border: 1px solid #777; border-radius: 0;
	background: #111; color: var(--git-ink);
	font-size: 15px; letter-spacing: 0.04em;
}
.loh-git .git-zip::placeholder { color: #8a8a8a; }
.loh-git .git-btn {
	display: inline-block; padding: 9px 18px; border: 1px solid #aaa; border-radius: 0;
	background: transparent; color: #fff; font-weight: 500; font-size: 13px;
	letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; text-decoration: none;
}
.loh-git .git-btn:hover { background: #888; color: #fff; }
.loh-git .git-geo {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 9px 16px; cursor: pointer;
	background: transparent; color: #fff; border: 1px solid #aaa; border-radius: 0;
	font-weight: 500; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
}
.loh-git .git-geo:hover { background: #888; }
.loh-git .git-pin-ico { width: 14px; height: 14px; fill: currentColor; flex: none; }
.loh-git .git-row .git-geo { margin-top: 0; }
.loh-git .git-link { color: #d9d9d9; text-decoration: underline; font-size: 0.92em; }

.loh-git .git-list { list-style: none; margin: 14px 0 0; padding: 0; }
.loh-git .git-list > .git-store { margin: 0; } /* themes often add li margins */
.loh-git .git-store { padding: 22px 14px; border-top: 1px solid var(--git-line); }
.loh-git .git-list > .git-store:nth-child(even) { background: rgba(255, 255, 255, 0.045); }
.loh-git .git-store-head {
	display: flex; justify-content: space-between; gap: 10px; align-items: baseline;
	padding-bottom: 8px; border-bottom: 1px solid var(--git-line); margin-bottom: 8px;
}
.loh-git .git-store-name { font-size: 20px; line-height: 1.25; }
.loh-git .git-miles { color: var(--git-muted); font-size: 15px; white-space: nowrap; }
.loh-git .git-store-meta { color: var(--git-muted); font-size: 18px; text-transform: uppercase; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 4px 12px; }
.loh-git .git-badge {
	display: inline-block; margin: 2px 0 12px; padding: 4px 12px;
	font-size: 1em; font-weight: 500;
	color: #7fe3a1; border: 1px solid rgba(127, 227, 161, 0.55); background: rgba(46, 170, 95, 0.12);
}
.loh-git .git-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.loh-git .git-btn.git-alt { background: transparent; color: #fff; }
.loh-git .git-btn.git-alt:hover { background: #888; color: #fff; }
.loh-git .git-actions .git-btn { padding: 6px 16px; }
.loh-git .git-call { padding: 6px 16px; }
.loh-git .git-chain { padding: 14px 14px; }
.loh-git .git-chain .git-store-head strong { font-weight: 500; }
.loh-git .git-chain .git-store-meta { margin: 0 0 4px; }
.loh-git .git-chain .git-call { padding: 4px 12px; font-size: 12px; }

.loh-git .git-feedback {
	margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--git-line);
	animation: gitSlideDown 0.28s ease-out;
}
@keyframes gitSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
.loh-git .git-fb-title { display: block; font-weight: 700; font-size: 18px; margin: 0 0 10px; }
.loh-git .git-fb-btns { display: flex; gap: 12px; }
.loh-git .git-fb-btn {
	padding: 10px 36px; border: 1px solid #aaa; border-radius: 0;
	background: transparent; color: #fff; cursor: pointer; text-transform: uppercase;
	font-size: 18px; font-weight: 500; letter-spacing: 0.06em;
}
.loh-git .git-fb-btn:hover { background: #888; }
@media (prefers-reduced-motion: reduce) { .loh-git .git-feedback { animation: none; } }

.loh-git .git-caveat { margin: 12px 0 0; color: var(--git-muted); font-size: 0.9em; font-style: italic; }
.loh-git .git-empty, .loh-git .git-error, .loh-git .git-loading { margin: 12px 0 0; color: var(--git-muted); }
.loh-git .git-found { margin: 12px 0 2px; font-size: 15px; color: var(--git-ink); }
.loh-git .git-privacy { margin: 14px 0 0; color: var(--git-muted); font-size: 0.82em; }

/* Cart nudge: always fill the parent container (constrain via the container) */
.loh-git-cart { width: 100%; max-width: 100%; box-sizing: border-box; clear: both; padding: 0; }
.loh-git-cart > .git-results { padding: 4px 24px 20px; }
.loh-git-cart > .git-results:empty { padding: 0; }
/* Standalone (Elementor shortcode widget) placement: cap + center.
   Override with --git-cart-max from custom CSS if needed. */
.loh-git-cart { --git-cart-max: 680px; max-width: var(--git-cart-max); margin-left: auto; margin-right: auto; }
/* Hooked inside the Woo cart (auto-insert): fill the cart container exactly. */
.woocommerce .loh-git-cart { max-width: none; margin-top: 0; margin-bottom: 28px; }
.loh-git-cart .git-cart-text { text-align: center; }
.loh-git-cart .git-cart-text .git-row { justify-content: center; }
.loh-git-cart .git-cart-text .git-sub { text-align: center; }
.loh-git-cart .git-cart-inner { display: flex; align-items: stretch; gap: 0; }
.loh-git-cart .git-cart-img {
	width: 240px; flex: none; min-height: 180px;
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.loh-git-cart .git-cart-text { flex: 1; min-width: 0; padding: 28px 26px; }
.loh-git-cart .git-cart-head { margin: 0 0 8px; font-size: 24px; font-weight: 600; }
.loh-git-cart .git-cart-note { margin: 0 0 16px; font-size: 20px; color: #7fe3a1; }

/* Finder + US map */
.loh-git-finder .git-mapwrap { margin: 16px 0; }
.loh-git .git-mapbar { background: #000; text-align: center; padding: 8px 16px; font-size: 13px; color: var(--git-muted); border-top: 1px solid var(--git-line); }
.loh-git .git-mapbar a { color: var(--git-ink); text-decoration: underline; }
.loh-git .git-mapbar a:hover { color: #fff; }
.loh-git-finder .git-usmap { width: 100%; height: auto; display: block; }
.git-usmap .git-state { fill: #232323; stroke: #000; stroke-width: 0.7; }
.git-usmap .git-pin { fill: var(--git-green); }
.git-usmap .git-pin-hit { fill: var(--git-green); stroke: #fff; stroke-width: 1.5; }

/* Signup form */
.loh-git-signup .git-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 12px 0; }
.loh-git-signup label { display: flex; flex-direction: column; gap: 4px; font-size: 0.92em; }
.loh-git-signup input, .loh-git-signup select { padding: 8px 10px; border: 1px solid #777; border-radius: 0; font-size: 15px; background: #111; color: var(--git-ink); }
.loh-git-signup .git-wide { grid-column: 1 / -1; }
.loh-git-signup .git-hp { position: absolute !important; left: -9999px !important; }

/* Compact variant: sidebar / drawer carts (Cart AIO). No image pane, tight
   spacing, stacked controls — the drawer column is ~380px wide. */
.loh-git-compact { --git-cart-max: none; max-width: none; margin: 12px 0 0; font-size: 14px; }
.loh-git-compact .git-cart-text { padding: 14px 16px; }
.loh-git-compact .git-cart-head { font-size: 16px; }
.loh-git-compact .git-cart-note { font-size: 14px; margin-bottom: 10px; }
.loh-git-compact .git-row { flex-direction: column; }
.loh-git-compact .git-zip { flex: none; width: 100%; box-sizing: border-box; text-align: center; }
.loh-git-compact .git-btn, .loh-git-compact .git-geo {
	width: 100%; box-sizing: border-box; justify-content: center; text-align: center;
	/* !important: the shop theme / Cart AIO CSS restyles buttons inside the
	   drawer with higher specificity — force the main cart button look
	   (all-caps, #aaa border, #888 hover) */
	text-transform: uppercase !important; border: 1px solid #aaa !important;
	background: transparent !important; color: #fff !important; border-radius: 0 !important;
	font-weight: 500 !important; font-size: 13px !important; letter-spacing: 0.08em !important;
}
.loh-git-compact .git-btn:hover, .loh-git-compact .git-geo:hover { background: #888 !important; color: #fff !important; }
.loh-git-compact > .git-results { padding: 0 16px 14px; }
.loh-git-compact > .git-results:empty { padding: 0; }
.loh-git-compact .git-store { padding: 14px 10px; }
.loh-git-compact .git-actions { flex-wrap: wrap; gap: 8px; }

@media (max-width: 600px) {
	.loh-git .git-row { flex-direction: column; }
	.loh-git .git-zip { flex: none; } /* flex-basis would become height in column direction */
	.loh-git .git-zip, .loh-git .git-btn { width: 100%; box-sizing: border-box; text-align: center; }
	.loh-git .git-geo { width: 100%; box-sizing: border-box; justify-content: center; }
	.loh-git .git-row .git-zip, .loh-git .git-row .git-btn, .loh-git .git-row .git-geo { width: 100%; }
	.loh-git-signup .git-grid { grid-template-columns: 1fr; }
	.loh-git-cart .git-cart-inner { flex-direction: column; gap: 0; }
	.loh-git-cart .git-cart-img { width: 100%; min-height: 0; height: 190px; }
	.loh-git-cart .git-cart-text { padding: 22px 18px; }
	.loh-git .git-actions { flex-wrap: nowrap; gap: 12px; }
	.loh-git .git-actions .git-btn { flex: 1 1 0; text-align: center; padding: 13px 6px; font-size: 14px; }
}

/* Clear Results — sits above the result list, full width and centered (in the
   sidebar it lands right under "Use my location"); red tint matching the
   drawer's trash icon. Last in the file + !important so it beats both the
   compact hardening above and the shop theme's drawer button styles. */
.loh-git .git-btn.git-clear {
	display: block; width: 100%; box-sizing: border-box; margin: 14px auto 0; text-align: center;
	text-transform: uppercase !important; border-radius: 0 !important;
	color: #e56464 !important; border: 1px solid #e56464 !important; background: transparent !important;
}
.loh-git .git-btn.git-clear:hover { background: #e56464 !important; color: #fff !important; }