/*
Theme Name: Bright Day Mart
Theme URI: https://brightdaymart.pk
Author: Bright Day Mart
Author URI: https://brightdaymart.pk
Description: Grocery / mart storefront theme for Bright Day Mart. Built for WooCommerce. Converted from a React storefront design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bright-day-mart
Tags: e-commerce, custom-menu, featured-images, translation-ready
*/

:root {
  --radius: 0.875rem;

  --brand-red: #e11d2e;
  --brand-red-dark: #b8121f;
  --brand-blue: #0b4ea2;
  --brand-blue-dark: #083b7a;
  --brand-yellow: #ffd43b;
  --ink: #111827;
  --soft: #4b5563;
  --footer: #0f172a;
  --footer-foreground: #e5e7eb;

  --background: #f7f8fa;
  --foreground: #111827;
  --card: #ffffff;
  --muted: #eef1f5;
  --muted-foreground: #4b5563;
  --border: #e5e7eb;
}

* { box-sizing: border-box; }

html { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Inter', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.01em;
  margin: 0;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; }
ul { list-style: none; margin: 0; padding: 0; }

.container { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }

.btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  border-radius: 9999px; background: linear-gradient(135deg, var(--brand-red), var(--brand-red-dark)); color: #fff;
  padding: .75rem 1.5rem; font-weight: 600; font-size: .9rem; border: none;
  transition: all .25s ease; box-shadow: 0 8px 24px -6px rgba(225,29,46,.55); letter-spacing: .01em;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -6px rgba(225,29,46,.65); color:#fff; }
.btn-primary:active { transform: translateY(0); }

.btn-outline {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  border-radius: 9999px; border: 2px solid rgba(255,255,255,.85); color: #fff; background: rgba(255,255,255,.08);
  backdrop-filter: blur(4px); padding: .7rem 1.4rem; font-weight: 600; font-size: .9rem; transition: all .25s ease;
}
.btn-outline:hover { background: #fff; color: var(--ink); transform: translateY(-2px); border-color: #fff; }

.input-field {
  width: 100%; border-radius: .75rem; border: 1px solid var(--border);
  background: #fff; padding: .65rem .9rem; font-size: .875rem; color: var(--ink);
  outline: none; transition: border-color .15s ease, box-shadow .15s ease;
}
.input-field:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 3px rgba(11,78,162,.2); }

.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }