/*
Theme Name: NOVA SELECT
Theme URI: https://example.com/nova-select
Author: NOVA SELECT
Author URI: https://example.com
Description: 紫色系風格選物商城版型，支援 WooCommerce。含公告跑馬燈、雙欄主視覺、分類與商品輪播、社群與 FAQ 區塊、響應式與行動版底部導覽。首頁文案可於「外觀 → 自訂 → NOVA 首頁設定」修改。
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
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: nova-select
Tags: e-commerce, one-column, two-columns, custom-menu, custom-colors, featured-images, translation-ready, responsive-layout
*/

/* 主要版型樣式由 functions.php 載入 assets/css/style.css，此檔為主題識別與補充樣式 */

/* --- WordPress 核心 --- */
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal!important; }
.alignleft   { float:left;  margin:0 1.5em 1em 0; }
.alignright  { float:right; margin:0 0 1em 1.5em; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption  { max-width:100%; }
.wp-caption-text { font-size:12px; color:#8d88a4; text-align:center; }
.sticky, .bypostauthor { position:relative; }
img { max-width:100%; height:auto; }

/* --- 動態商品圖（WooCommerce 有商品時使用） --- */
.product__photo { width:100%; height:100%; object-fit:cover; position:relative; z-index:2; }
.cat__photo { display:block; width:100%; height:112px; object-fit:cover; border-radius:10px; position:relative; z-index:2; }
.product__body h3 a:hover { color:var(--p); }
a.add:hover { color:#fff; text-decoration:none; }

/* --- 內頁共用 --- */
.nova-content, .nova-wc { padding:56px 0 80px; min-height:50vh; }
.nova-content h1, .nova-wc h1 { font-size:32px; font-weight:800; margin:8px 0 26px; }
.nova-content article, .nova-wc article { padding:20px 0; border-bottom:1px solid #ece9f4; }
.nova-content h2 { font-size:21px; font-weight:700; }
.nova-content h2 a, .nova-wc h2 a { color:#1b1933; }
.nova-content h2 a:hover, .nova-wc h2 a:hover { color:var(--p); }
.nova-content .entry-content, .nova-wc .entry-content { color:#5b5673; line-height:1.95; }

/* --- WooCommerce 商店 / 分類頁 --- */
.nova-wc ul.products { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; list-style:none; padding:0; margin:0; }
.nova-wc ul.products li.product { float:none; width:auto; margin:0; background:#fff; border:1px solid #ece9f4; border-radius:14px; padding:0 0 16px; overflow:hidden; text-align:left; }
.nova-wc ul.products li.product img { width:100%; height:200px; object-fit:cover; margin:0; }
.nova-wc ul.products li.product .woocommerce-loop-product__title { font-size:14px; font-weight:700; padding:12px 16px 0; color:#1b1933; }
.nova-wc ul.products li.product .price { display:block; padding:4px 16px 0; color:var(--p); font-weight:800; }
.nova-wc ul.products li.product .button { margin:12px 16px 0; display:inline-block; background:var(--p); color:#fff; border-radius:8px; padding:8px 14px; font-size:12.5px; font-weight:700; }
.nova-wc .woocommerce-pagination { text-align:center; margin-top:28px; }
.nova-wc .woocommerce-pagination .page-numbers { display:inline-flex; gap:6px; list-style:none; padding:0; }
.nova-wc .woocommerce-pagination .page-numbers li a,
.nova-wc .woocommerce-pagination .page-numbers li span { padding:7px 12px; border:1px solid #ece9f4; border-radius:8px; display:block; }
.nova-wc .woocommerce-result-count { color:#8d88a4; font-size:13px; }
.nova-wc .woocommerce-ordering select { border:1px solid #ece9f4; border-radius:8px; padding:8px; }
.nova-wc table.shop_table { width:100%; border-collapse:collapse; }
.nova-wc table.shop_table th, .nova-wc table.shop_table td { padding:14px 12px; border-bottom:1px solid #ece9f4; text-align:left; }
.nova-wc .button, .nova-wc button.button, .nova-wc input.button { background:var(--p); color:#fff; border-radius:8px; padding:11px 20px; font-weight:700; border:0; }
.nova-wc .woocommerce-message, .nova-wc .woocommerce-info { border-top-color:var(--p); }
.nova-wc .woocommerce-message::before { color:var(--p); }

@media (max-width:900px) { .nova-wc ul.products { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .nova-wc ul.products { grid-template-columns:1fr; } }
