/*!
Theme Name: ComprasGuate
Theme URI: https://comprasguate.com
Author: ComprasGuate
Author URI: https://comprasguate.com
Description: Custom multivendor marketplace theme for ComprasGuate. Built specifically for the ComprasGuate brand and tightly integrated with WooCommerce + WCFM Marketplace. Designed for 11 countries (Guatemala, México, El Salvador, Honduras, Nicaragua, Costa Rica, Panamá, Belice, EE.UU., Canadá, España).
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comprasguate
Tags: e-commerce, marketplace, multilingual, custom-colors, custom-logo, custom-menu
*/

/* =============================================================================
   COMPRASGUATE THEME — DESIGN TOKENS
   These CSS custom properties match the demo's visual language. Every other
   stylesheet in the theme reads from these so the brand stays consistent.
   ============================================================================= */
:root {
  /* Brand */
  --c-blue:        #1e73be;
  --c-blue-dark:   #155490;
  --c-blue-darker: #0F4C81;
  --c-promo:       #FBBF24;
  --c-promo-text:  #7C2D12;
  --c-sale:        #DC2626;
  --c-trust:       #16A34A;
  --c-hot:         #F97316;

  /* Neutrals */
  --c-text:        #111827;
  --c-text-muted:  #6B7280;
  --c-text-soft:   #9CA3AF;
  --c-border:      #E5E7EB;
  --c-border-soft: #F3F4F6;
  --c-card:        #FFFFFF;
  --c-page-bg:     #F9FAFB;
  --c-trust-bg:    #ECFDF5;

  /* Layout */
  --container-max: 1820px;
  --radius:        6px;
  --radius-lg:     10px;
}

/* Minimal reset + base. Full design lands in subsequent sessions. */
* { box-sizing: border-box; }
html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif; line-height: 1.5; }
body { margin: 0; background: var(--c-page-bg); color: var(--c-text); font-size: 14px; }
img { max-width: 100%; height: auto; }
a { color: var(--c-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: inherit; }

/* Site shell */
.cg-container { max-width: var(--container-max); margin: 0 auto; padding: 0 16px; }
.cg-site-header { background: var(--c-blue); color: #fff; padding: 16px 0; }
.cg-site-header a { color: #fff; }
.cg-brand { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
.cg-site-footer { background: var(--c-blue-darker); color: #BFDBFE; padding: 32px 0; margin-top: 48px; font-size: 13px; }
.cg-site-footer a { color: #BFDBFE; }

/* Friendly placeholder shown on the homepage in v0.1.0 */
.cg-welcome { background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-lg); padding: 36px; margin: 24px 0; text-align: center; }
.cg-welcome h1 { color: var(--c-blue); margin: 0 0 8px; font-size: 28px; }
.cg-welcome p { color: var(--c-text-muted); margin: 6px 0; }
.cg-welcome-version { display: inline-block; background: #FEF3C7; color: #92400E; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; margin-top: 12px; }