@charset "UTF-8";

/*
 * PNS Base Layer
 * 從原 PNS migration monolith 抽出的品牌 Token / 全局覆蓋與基礎兼容層
 */

/* =====================================================================
 * Task 1 — 配色 Token：覆蓋既有 :root 與全站舊暗紅/金的硬編碼色值
 * ===================================================================== */
:root {
    /* PNS 官網配色：白底淺灰 + 黃色強調 + 深藍導航 */
    --pns-primary: #2C2A8E;      /* 導航欄/CTA 按鈕深藍（僅導航、Mega Menu） */
    --pns-primary-dark: #1E1B6E; /* hover/active 深藍 */
    --pns-primary-soft: #4D4BB3; /* 漸層輔助 */
    --pns-accent: #FFE000;       /* 黃色強調色 */
    --pns-accent-dark: #CCB800;  /* 黃色 hover 深色 */
    --pns-red: #E60012;          /* 價格/折扣/促銷條 */
    --pns-red-dark: #B7000F;
    --pns-orange: #F39800;
    --pns-yellow: #FFE000;
    --pns-bg: #F2F2F3;           /* 頁面主背景淺灰 */
    --pns-bg-white: #FFFFFF;     /* 內容卡片白色背景 */
    --pns-bg-soft: #F5F5F5;      /* 次級區塊背景 */
    --pns-bg-strip: #FAFAFA;
    --pns-text: #333333;
    --pns-muted: #888888;
    --pns-line: #E5E5E5;
    --pns-promo-bg: #292D84;     /* 頂部促銷條背景 */
    --pns-header-x-padding: 40px; /* 页头顶栏 / 页头主区 / 主导航区 水平内边距对齐 */

    /* 重新映射既有變量到 PNS 色板（主色 = 藍；售價保留紅） */
    --primary-color: var(--pns-primary);
    --primary-dark: var(--pns-primary-dark);
    --primary-light: var(--pns-primary-soft);
    --sale-color: var(--pns-red);
    --accent-gold: var(--pns-accent);

    /* --font-primary / --font-heading：见 inc/core/fonts.php（:root 由 PHP 注入） */
    --ulive-star-color: rgb(245, 134, 38);
}

html {
    overflow-x: hidden;
    width: 100%;
}
body {
    background-color: var(--pns-bg); /* #F2F2F3 浅灰 */
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
a:hover {
    color: var(--pns-accent);
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
/* 主内容区溢出约束 — 关键！<main> 默认无 overflow 设置 */
.site-main {
    overflow-x: hidden;
}
/* Footer 也在 <main> 之外，需要单独约束 */
.pns-footer {
    overflow-x: hidden;
}

/* 將舊基礎層與 style.css 內所有硬編碼的 #B14739 / #6B3A20 / #4F2916 等暗紅與深棕，
 * 用屬性選擇器較難精準替換，以下對最常用的命中位置直接重置為 PNS 紅。
 * 範圍策略：能用變量就吃變量，無變量則覆蓋具體屬性。 */
.nav-menu > li > a,
.nav-menu > li > a:hover,
.nav-menu > li.current-menu-item > a,
.product-title,
.product-title a,
.product-title a:hover,
.shop-toolbar .shop-breadcrumb .woocommerce-breadcrumb a,
.ulive-payment-reminder,
.ulive-shipping-eta-note .hl,
.ulive-password-back a:hover,
.footer-bottom .brand-name {
    color: var(--pns-primary) !important;
}
.contact-submit-btn,
.ulive-checkout-steps .step.active .dot,
.shop-products-grid .product-card .btn-add-cart {
    background: var(--pns-primary) !important;
    border-color: var(--pns-primary) !important;
}
.contact-submit-btn:hover,
.shop-products-grid .product-card .btn-add-cart:hover {
    background: var(--pns-primary-dark) !important;
    box-shadow: 0 0 0 1px var(--pns-accent) !important;
}
/* Section 標題：去暗紅，改 PNS 文字深灰 */
.section-title { color: var(--pns-text) !important; }