/* G&A Fast Food — brand utilities that are not part of core Tailwind */

/* Inter font is enqueued from Google Fonts in functions.php */
html { scroll-behavior: smooth; }
body.ga-body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

/* Hide horizontal scrollbar on the deals strip (matches scrollbar-hide) */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* Snap helpers (Tailwind ships these but we guarantee them here) */
.snap-x { scroll-snap-type: x mandatory; }
.snap-start { scroll-snap-align: start; }

/* Remove the little X on search inputs (matches original index.css) */
input[type="search"]::-webkit-search-cancel-button { display: none; }

/* Push page content below the fixed navbar on inner (non front) pages */
body.ga-has-fixed-nav .ga-site-main { padding-top: 4rem; }

/* WooCommerce notices restyle to brand */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  padding: 0.9rem 1.1rem;
  list-style: none;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.woocommerce-message { border-left: 4px solid #16a34a; background: #f0fdf4; color: #166534; }
.woocommerce-info    { border-left: 4px solid #dc2626; background: #fef2f2; color: #991b1b; }
.woocommerce-error   { border-left: 4px solid #dc2626; background: #fef2f2; color: #991b1b; }

/* Body scroll lock when modal / mobile drawer open */
body.ga-noscroll { overflow: hidden; }

/* Cart-count bump animation on update */
@keyframes ga-bump { 0%{transform:scale(1)} 30%{transform:scale(1.35)} 100%{transform:scale(1)} }
.ga-bump { animation: ga-bump .3s ease; }

/* Toast */
.ga-toast {
  position: fixed; left: 50%; bottom: 1.5rem; transform: translateX(-50%) translateY(2rem);
  background: #16a34a; color: #fff; font-weight: 800; padding: .75rem 1.25rem;
  border-radius: 9999px; box-shadow: 0 10px 25px rgba(0,0,0,.25); z-index: 300;
  opacity: 0; pointer-events: none; transition: all .25s ease;
}
.ga-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ---------- WooCommerce cart / checkout brand styling ---------- */
.woocommerce { color: #1f2937; }
.ga-woo-wrap { max-width: 72rem; margin: 0 auto; padding: 5rem 1rem 3rem; }

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #place_order {
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 0.75rem !important;
  font-weight: 800 !important;
  padding: 0.75rem 1.25rem !important;
  border: none !important;
  transition: background .2s ease !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce #place_order:hover { background: #b91c1c !important; }

.woocommerce .button.alt.disabled,
.woocommerce #place_order:disabled { background: #d1d5db !important; cursor: not-allowed; }

/* Cards / tables */
.woocommerce table.shop_table {
  border-radius: 1rem; border: 1px solid #f3f4f6; overflow: hidden; background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,.06);
}
.woocommerce table.shop_table th { background: #fef2f2; color: #991b1b; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce form.checkout_coupon,
.woocommerce .woocommerce-billing-fields,
.woocommerce-checkout #customer_details {
  background: #fff; border-radius: 1rem; padding: 1.25rem; border: 1px solid #f3f4f6;
  box-shadow: 0 4px 6px rgba(0,0,0,.06);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection {
  border: 1px solid #e5e7eb !important; border-radius: 0.75rem !important; padding: 0.65rem 0.9rem !important;
}
.woocommerce-checkout h3, .woocommerce .cart_totals h2 { font-weight: 900; color: #b91c1c; }

/* Price accents */
.woocommerce .amount, .woocommerce .price { color: #dc2626; font-weight: 700; }

/* Payment method box (COD / BACS) */
.woocommerce-checkout #payment { background: #f9fafb; border-radius: 1rem; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #f3f4f6; }

/* ---------- Fixes: admin bar offset + logo sizing on WooCommerce pages ---------- */

/* Keep the fixed navbar clear of the WordPress admin bar (logged-in view). */
#ga-navbar { top: 0; }
.admin-bar #ga-navbar { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar #ga-navbar { top: 46px; }
}
/* Extra top padding on inner pages so content clears nav + admin bar. */
.admin-bar.ga-has-fixed-nav .ga-site-main { padding-top: calc(4rem + 32px); }
@media screen and (max-width: 782px) {
	.admin-bar.ga-has-fixed-nav .ga-site-main { padding-top: calc(4rem + 46px); }
}
/* The full-screen branch gate should sit below the admin bar too. */
.admin-bar #ga-branch-gate { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar #ga-branch-gate { top: 46px; }
}

/* WooCommerce (and other plugins) ship `img { height:auto }` / max-width rules that
   override Tailwind's height utilities on shop/cart/checkout pages, blowing the logo
   up to full size. Lock the header & footer logos explicitly. */
#ga-navbar a img.ga-logo {
	height: 3rem !important;
	width: auto !important;
	max-width: none !important;
}
img.ga-logo-footer {
	height: 4rem !important;
	width: auto !important;
	max-width: none !important;
}
/* Safety: never let the navbar grow taller than its intended row. */
#ga-navbar .h-16 { height: 4rem; }
#ga-navbar img { max-height: 3rem; }

/* ---------- Combined Order page ---------- */
/* The editable cart card above already lists items, so hide the duplicate
   product rows in the checkout's order review — keep totals, shipping
   (delivery/pickup) selection and the payment + place-order block. */
.ga-order-page .woocommerce-checkout-review-order-table thead,
.ga-order-page .woocommerce-checkout-review-order-table .cart_item { display: none; }
.ga-order-page #order_review_heading { display: none; }
.ga-order-page .woocommerce-checkout-review-order-table {
	box-shadow: none; border: none; margin-bottom: 1rem;
}
.ga-order-page #order_review { background: transparent; padding: 0; box-shadow: none; border: none; }
.ga-order-page .woocommerce-checkout #payment { background: #f9fafb; border-radius: 1rem; margin-top: 0.5rem; }
/* Billing heading -> brand */
.ga-order-page .woocommerce-billing-fields h3,
.ga-order-page .woocommerce-additional-fields h3 { font-weight: 900; color: #111827; font-size: 1rem; margin-bottom: 0.75rem; }
/* Stack billing fields full width */
.ga-order-page .woocommerce-billing-fields .form-row { width: 100%; float: none; }