/*
Theme Name: Pattaya Gift
Theme URI: https://pattaya.gift
Author: Delivery For You Co., Ltd.
Author URI: https://pattaya.gift
Description: Custom mobile-first theme for pattaya.gift — Pattaya's gifting specialist. Occasion-first gift delivery with WooCommerce. Dark editorial "quiet luxury" 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: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pattaya-gift
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* ============================================================
   DESIGN TOKENS  (mirror the prototype)
   ============================================================ */
:root {
  --bg: #14100E;         /* near-black warm shadow */
  --surface: #1E1815;    /* raised panels */
  --surface-hi: #2A211C; /* selected / hover */
  --line: #3A2E27;       /* hairline */
  --ink: #F3ECE4;        /* primary text */
  --ink-dim: #B7A99C;    /* secondary text */
  --rose: #C6607A;       /* brand rose */
  --rose-soft: #E8A9B8;
  --gold: #C9A24B;       /* accent, used sparingly */
  --gold-soft: #E6C878;
  --ok: #7FB08A;

  --maxw: 1120px;
  --radius: 14px;
  --radius-lg: 20px;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ============================================================
   RESET / BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--rose-soft); text-decoration: none; }
a:hover { color: var(--rose); }

h1, h2, h3 { font-family: var(--font-display); font-weight: 500; line-height: 1.1; margin: 0 0 .4em; }

/* visible keyboard focus everywhere (accessibility floor) */
:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 2px; }

/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* shared container */
.pg-container { max-width: var(--maxw); margin: 0 auto; padding: 0 18px; }

/* screen-reader-only utility */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap;
}

/* skip link */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 999;
  background: var(--gold); color: var(--bg); padding: 10px 16px;
  border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }