/*
Theme Name:        Pod WC Theme Minimal
Theme URI:         https://github.com/Galdabar/pod-manager
Author:            Pod Manager
Author URI:        https://github.com/Galdabar/pod-manager
Description:       Hand-rolled minimal WooCommerce theme for the Pod Manager dropshipping fleet. Single theme + per-store preset CSS overlay (electronics / accessories / home-decor / pets-friendly). Vanilla PHP + vanilla JS; no framework, no Storefront ancestry, no premium licensing burden. Designed to be Bind-mounted from the Pod Manager repo into every store container.
Version:           0.1.0
Requires at least: 6.5
Tested up to:      6.6
Requires PHP:      8.2
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       pod-wc-theme-minimal
Tags:              woocommerce, e-commerce, minimal, custom-colors, full-width-template
*/

/* ─── CSS custom properties (preset-overridable) ────────────────── */

:root {
    /* Phase 1 stub palette — overridden by per-preset CSS files in
       Phase 2 (electronics.css, accessories.css, home-decor.css,
       pets-friendly.css). */
    --pm-color-bg:        #fafaf7;
    --pm-color-text:      #1a1a1a;
    --pm-color-primary:   #5b8c5a;
    --pm-color-accent:    #f4a261;
    --pm-color-muted:     #6b6b6b;
    --pm-color-border:    #e5e5e0;

    --pm-font-heading:    "DM Sans", system-ui, sans-serif;
    --pm-font-body:       "Inter", system-ui, sans-serif;

    --pm-radius:          6px;
    --pm-space-xs:        4px;
    --pm-space-sm:        8px;
    --pm-space-md:        16px;
    --pm-space-lg:        32px;
    --pm-space-xl:        64px;

    --pm-max-width:       1200px;
}

/* ─── Reset (light) ────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: var(--pm-font-body);
    color: var(--pm-color-text);
    background: var(--pm-color-bg);
    line-height: 1.5;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { font-family: var(--pm-font-heading); margin: 0 0 var(--pm-space-md); }
a { color: var(--pm-color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ─── Layout ───────────────────────────────────────────────────── */

.pm-container {
    max-width: var(--pm-max-width);
    margin: 0 auto;
    padding: 0 var(--pm-space-md);
}

.pm-site-header {
    border-bottom: 1px solid var(--pm-color-border);
    padding: var(--pm-space-md) 0;
}
.pm-site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pm-space-md);
}
.pm-site-header__brand {
    font-family: var(--pm-font-heading);
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--pm-color-text);
}

.pm-site-footer {
    border-top: 1px solid var(--pm-color-border);
    padding: var(--pm-space-lg) 0;
    margin-top: var(--pm-space-xl);
    color: var(--pm-color-muted);
    font-size: 0.875rem;
}

.pm-main { min-height: 60vh; padding: var(--pm-space-lg) 0; }

/* ─── Buttons ──────────────────────────────────────────────────── */

.button, .pm-button {
    display: inline-block;
    background: var(--pm-color-primary);
    color: #fff;
    padding: var(--pm-space-sm) var(--pm-space-md);
    border-radius: var(--pm-radius);
    border: 0;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}
.button:hover, .pm-button:hover { opacity: 0.9; text-decoration: none; }

/* Minimal responsive */
@media (max-width: 768px) {
    .pm-site-header__inner { flex-direction: column; align-items: flex-start; }
}