/*
Theme Name: GrabCommerce
Theme URI: https://example.com/grabcommerce
Author: OpenAI
Description: Mobile-first WooCommerce theme inspired by modern delivery-commerce UX. Built from scratch with SEO-friendly server-rendered markup and progressive AJAX enhancement.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: grabcommerce
*/

:root{
  --gc-primary:#00a86b;
  --gc-primary-dark:#008f5b;
  --gc-text:#18221d;
  --gc-muted:#6c7771;
  --gc-border:#e7ebe9;
  --gc-bg:#f7f8f7;
  --gc-card:#fff;
  --gc-radius:16px;
  --gc-shadow:0 4px 18px rgba(16,24,20,.07);
  --gc-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--gc-bg);color:var(--gc-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--gc-max),calc(100% - 32px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gc-main{min-height:60vh}
.gc-section{padding:28px 0}
.gc-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.gc-section__title{font-size:22px;line-height:1.2;margin:0;font-weight:800}
.gc-link{color:var(--gc-primary-dark);font-weight:700;font-size:14px}
.gc-button{border:0;border-radius:999px;background:var(--gc-primary);color:#fff;padding:12px 18px;font-weight:800}
.gc-button:hover{background:var(--gc-primary-dark)}
.gc-empty{padding:48px 20px;text-align:center;background:#fff;border-radius:var(--gc-radius)}
@media(min-width:768px){.gc-section{padding:36px 0}.gc-section__title{font-size:26px}}