/* HOTB Shop Fixes 0.1.0. Cream #fbf7f0, dark green #384337, gold #b7a57c, Cormorant titles, Figtree text. */

/* ---- Cart: one clear total ---- */
.cart_totals tr.hotb-sf-est ~ tr.order-total { display: none !important; }
.cart_totals tr.hotb-sf-est th,
.cart_totals tr.hotb-sf-est td {
	display: table-cell !important;
	padding: 14px 0 4px !important;
	border-top: 2px solid #b7a57c !important;
	border-bottom: 0 !important;
	vertical-align: baseline !important;
	background: transparent !important;
}
.cart_totals tr.hotb-sf-est th {
	padding-right: 10px !important;
	font: 600 20px/1.1 Figtree, "Segoe UI", sans-serif !important;
	color: #384337 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.cart_totals tr.hotb-sf-est td { text-align: right !important; white-space: nowrap; }
.cart_totals tr.hotb-sf-est td::before,
.cart_totals tr.hotb-sf-est-note td::before { display: none !important; content: none !important; }
.cart_totals tr.hotb-sf-est .amount { font: 700 20px/1.3 Figtree, "Segoe UI", sans-serif !important; color: #384337 !important; }
.cart_totals tr.hotb-sf-est-note td {
	display: table-cell !important;
	padding: 0 0 14px !important;
	border-top: 0 !important;
	border-bottom: 3px solid rgba(74, 87, 68, .16) !important;
	text-align: left !important;
}
.cart_totals tr.hotb-sf-est-note p {
	margin: 0 !important;
	font: 400 14px/1.45 Figtree, "Segoe UI", sans-serif !important;
	color: #5f5b52 !important;
}
.cart_totals tr.hotb-sf-est-note .amount { font: inherit !important; color: inherit !important; }

/* ---- Cart (phone): sticky bar steps aside while the real Checkout button is on screen ---- */
@media (max-width: 849px) {
	body .hotb-cart-bar {
		transition: opacity .22s ease, transform .22s ease, visibility 0s linear 0s;
		will-change: opacity, transform;
	}
	body .hotb-cart-bar.hotb-sf-bar-off {
		opacity: 0 !important;
		transform: translateY(14px) !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
	}
}
@media (prefers-reduced-motion: reduce) {
	body .hotb-cart-bar,
	body .hotb-cart-bar.hotb-sf-bar-off { transition: none !important; transform: none !important; }
}

/* ---- Friendly notices (Facebook link result, declined payment) ---- */
.hotb-sf-note {
	display: grid;
	grid-template-columns: 28px 1fr auto;
	gap: 4px 12px;
	align-items: start;
	margin: 0 0 18px;
	padding: 16px 16px 16px 14px;
	background: #fffdf8;
	border: 1px solid #e7dfd1;
	border-left: 4px solid #b7a57c;
	border-radius: 14px;
	box-shadow: 0 6px 18px rgba(28, 27, 24, .06);
	font-family: Figtree, "Segoe UI", sans-serif;
	color: #1c1b18;
	animation: hotb-sf-in .25s ease both;
}
.hotb-sf-note--pay { border-left-color: #8a4b3c; }
.hotb-sf-note__icon { width: 28px; height: 28px; border-radius: 50%; background: #384337; color: #fbf7f0; display: grid; place-items: center; margin-top: 2px; }
.hotb-sf-note--pay .hotb-sf-note__icon { background: #8a4b3c; }
.hotb-sf-note__icon svg { width: 16px; height: 16px; }
.hotb-sf-note__title { margin: 0 !important; font: 600 23px/1.15 "Cormorant Garamond", Georgia, serif !important; color: #1c1b18 !important; text-transform: none !important; letter-spacing: 0 !important; }
.hotb-sf-note__body { grid-column: 2 / 4; margin: 0 !important; font-size: 16px !important; line-height: 1.45 !important; color: #1c1b18 !important; }
.hotb-sf-note__reason { grid-column: 2 / 4; margin: 2px 0 0 !important; font-size: 14px !important; line-height: 1.4 !important; color: #5f5b52 !important; }
.hotb-sf-note__actions { grid-column: 2 / 4; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.hotb-sf-note__actions button {
	min-height: 44px; margin: 0 !important; padding: 0 16px !important;
	border-radius: 999px !important; border: 1.5px solid #384337 !important;
	background: #fffdf8 !important; color: #384337 !important;
	font: 600 15px/1 Figtree, "Segoe UI", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
	box-shadow: none !important; cursor: pointer;
}
.hotb-sf-note__actions button.is-primary { background: #384337 !important; color: #fbf7f0 !important; }
.hotb-sf-note__x {
	grid-column: 3; grid-row: 1; min-width: 44px; min-height: 44px; margin: -10px -8px 0 0 !important; padding: 0 !important;
	border: 0 !important; background: transparent !important; color: #6b675e !important; font-size: 22px !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer;
}
/* Woo's raw red list stays in the page for screen readers and gateways, but our card replaces it visually. */
.hotb-sf-pay-raw { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
@keyframes hotb-sf-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .hotb-sf-note { animation: none; } }
.hotb-sf-note:focus { outline: none; }
.hotb-sf-note:focus-visible { outline: 2px solid #384337; outline-offset: 3px; }