/*
Theme Name: RPC Woo Full
Theme URI: https://example.com/
Author: RPC
Description: Custom WooCommerce theme with continent gate, multi-currency by continent, and editorial templates.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: rpc-woo-full
Tags: e-commerce, custom-menu, custom-logo, editor-style, block-styles
*/

:root{
  --rpc-bg:#ffffff;
  --rpc-fg:#0a0a0a;
  --rpc-muted:#6b6b6b;
  --rpc-line:#e6e6e6;
  --rpc-card:#f7f7f7;
  --rpc-radius:18px;
  --rpc-max:1280px;
  --rpc-gap:20px;
  --rpc-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --rpc-font-alt: var(--rpc-font);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--rpc-bg);
  color:var(--rpc-fg);
  font-family:var(--rpc-font);
  line-height:1.35;
}
a{color:inherit; text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto; display:block}
.rpc-wrap{max-width:var(--rpc-max); margin:0 auto; padding:0 20px}
.rpc-topbar{border-bottom:1px solid var(--rpc-line); position:sticky; top:0; background:rgba(255,255,255,.92); backdrop-filter:saturate(160%) blur(12px); z-index:40}
.rpc-header{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0}
.rpc-brand{display:flex; align-items:center; gap:10px}
.rpc-brand img{height:28px; width:auto}
.rpc-nav{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.rpc-nav a{font-size:14px; letter-spacing:.02em}
.rpc-actions{display:flex; align-items:center; gap:12px}
.rpc-pill{border:1px solid var(--rpc-line); background:#fff; padding:8px 12px; border-radius:999px; font-size:13px}
.rpc-pill button{all:unset; cursor:pointer}
.rpc-footer{border-top:1px solid var(--rpc-line); margin-top:60px; padding:40px 0}
.rpc-grid{display:grid; grid-template-columns:repeat(12,1fr); gap:var(--rpc-gap)}
.rpc-col-6{grid-column:span 6}
.rpc-col-4{grid-column:span 4}
.rpc-col-3{grid-column:span 3}
.rpc-col-12{grid-column:span 12}
@media (max-width:900px){
  .rpc-col-6,.rpc-col-4,.rpc-col-3{grid-column:span 12}
  .rpc-nav{display:none}
}

.rpc-hero{padding:34px 0}
.rpc-hero h1{font-size:44px; margin:0 0 10px}
.rpc-hero p{margin:0; color:var(--rpc-muted); max-width:64ch}

.rpc-card{border:1px solid var(--rpc-line); background:var(--rpc-card); border-radius:var(--rpc-radius); padding:18px}
.rpc-card h2{margin:0 0 10px; font-size:18px}
.rpc-kicker{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--rpc-muted)}
.rpc-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid var(--rpc-line); background:#fff; padding:12px 16px; border-radius:999px; font-size:14px; cursor:pointer}
.rpc-btn:hover{background:#f2f2f2}
.rpc-btn-primary{background:#0a0a0a; color:#fff; border-color:#0a0a0a}
.rpc-btn-primary:hover{background:#1b1b1b}

.rpc-reveal{opacity:0; transform:translateY(10px); transition:opacity .6s ease, transform .6s ease}
.rpc-reveal.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion: reduce){
  .rpc-reveal{opacity:1; transform:none; transition:none}
}

.rpc-region-wrap{min-height:calc(100vh - 70px); display:flex; align-items:center; padding:40px 0}
.rpc-region{max-width:980px; margin:0 auto}
.rpc-region h1{font-size:40px; margin:0 0 10px}
.rpc-region p{margin:0 0 22px; color:var(--rpc-muted)}
.rpc-region-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
@media (max-width:900px){ .rpc-region-grid{grid-template-columns:1fr} }
.rpc-region-card{border:1px solid var(--rpc-line); border-radius:var(--rpc-radius); padding:18px; background:#fff; cursor:pointer}
.rpc-region-card:hover{background:#f6f6f6}
.rpc-region-title{display:flex; align-items:center; justify-content:space-between; gap:12px}
.rpc-region-title strong{font-size:16px}
.rpc-region-card small{color:var(--rpc-muted)}
.rpc-region-note{margin-top:16px; font-size:13px; color:var(--rpc-muted)}

.rpc-woo-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px}
@media (max-width:900px){ .rpc-woo-grid{grid-template-columns:1fr} }
.rpc-product{border:1px solid var(--rpc-line); border-radius:var(--rpc-radius); overflow:hidden; background:#fff}
.rpc-product .rpc-p{padding:14px}
.rpc-product h3{margin:0 0 6px; font-size:16px}
.rpc-product .price{color:var(--rpc-muted); font-size:14px}
.rpc-breadcrumbs{font-size:13px; color:var(--rpc-muted); padding:14px 0}