/* BODEGS shared look for the shopping side of the app: one sans font, black text, small naira sign.
   Loaded after styles.css on every shopper page. Seller pages and the login pages keep their own colours. */

:root { --text: #111; }

body {
  font-family: Roboto, "Segoe UI", Arial, sans-serif;
  color: #111;
}
button, input, textarea, select { font-family: inherit; }

/* the small naira sign (added automatically by supabase.js) */
.cur { font-size: .62em; font-weight: 700; margin-right: 1px; vertical-align: .12em; }

/* text that styles.css paints green: make it black (backgrounds stay green) */
.welcome-content button,
.product-card p, .verified-badge, .product-price, .recommended-card p,
.cart-header h1, .cart-product-seller, .cart-product-details h2, .cart-product-price,
.cart-quantity-minus, .cart-quantity-plus, .cart-quantity, .cart-empty h2,
.recently-viewed-header h2, .recently-viewed-header a, .recently-viewed-card h3, .recently-viewed-card p,
.cart-order-summary h2, .cart-summary-row strong, .cart-summary-total,
.checkout-header h1, .checkout-section h2, .checkout-section label,
.checkout-section input, .checkout-section textarea, .checkout-total,
.checkout-item-details h3, .checkout-item-quantity, .checkout-item-price strong, .checkout-summary-row strong,
.field label, .field-row label {
  color: #111 !important;
}

/* every heading in the app uses the same font (the banner and splash keep their own serif) */
h1, h2, h3, h4 { font-family: Roboto, "Segoe UI", Arial, sans-serif; }
.welcome-content h1, .splash-brand h1, .splash-brand p { font-family: Georgia, "Times New Roman", serif; }