/*
Theme Name: THCA Green Elegant MV
Theme URI: https://example.com/thca-green-elegant-mv
Author: ChatGPT
Description: Elegant green WooCommerce theme for THCA. Editable homepage, no default header menu, 4 product categories auto-created, multi-vendor ready (Dokan + WC Vendors), and placeholder products.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: thca-green-elegant-mv
Tags: e-commerce, woocommerce, multi-vendor, grid-layout, custom-logo, block-editor
*/

:root { --green:#0ea75a; --green-dark:#0a5c34; --green-light:#e7f7ef; --text:#0a1f14; }
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;color:var(--text);background:#fff}
a{color:var(--green-dark);text-decoration:none} a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(6px);background:linear-gradient(0deg,rgba(255,255,255,.9),rgba(231,247,239,.9));border-bottom:3px solid var(--green)}
.header-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:20px}
.logo img{height:54px;display:block} .site-title{font-size:1.15rem;font-weight:700;color:var(--green-dark);margin:0}
.hero{background:var(--green-light);border-bottom:3px solid var(--green)} .hero-inner{max-width:1200px;margin:0 auto;padding:36px 20px}
.hero h1{margin:0 0 8px;font-size:2rem;color:var(--green-dark)} .hero p{margin:0;opacity:.9}
.grid{max-width:1200px;margin:28px auto 60px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{display:block;border:2px solid var(--green);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.06);transition:transform .18s, box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.08)} .card img{width:100%;height:230px;object-fit:cover;display:block}
.card .label{padding:14px 16px;font-weight:700;color:var(--green-dark);font-size:1.1rem}
.vendor-line{font-size:.92rem;margin-top:6px;color:#4b5563}
.site-footer{border-top:3px solid var(--green);background:linear-gradient(180deg,#fff,var(--green-light));margin-top:50px}
.footer-inner{max-width:1200px;margin:0 auto;padding:22px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}