/* =====================================================================
   AURA Home — CSS พื้นฐานของ WordPress (โหลดเสมอ แม้ไม่มี WooCommerce): a11y, header/nav, ลิงก์แบบปุ่ม
   (design tokens + components หลักอยู่ใน main.css ซึ่งคัดลอกจาก prototype ตรงๆ)
   กฎเดิม: เงาแบบคู่เสมอ ไม่ใช้ border แข็ง ใช้สีเน้นเดียว
   ===================================================================== */

[hidden] { display: none !important; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; white-space:nowrap; }
.skip-link:focus { position:fixed !important; top:8px; left:8px; width:auto; height:auto; margin:0; clip:auto; z-index:100; background:var(--surface-card); color:var(--text-primary); padding:10px 16px; border-radius:12px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:2px solid var(--accent-primary); outline-offset:2px; }
img { max-width:100%; height:auto; }
main.wrap { min-height: 50vh; }

/* ---------- header ---------- */
.brand { color:inherit; }
.brand .custom-logo-link { display:block; }
.brand .custom-logo { width:38px; height:38px; border-radius:12px; object-fit:contain; }
nav.main-nav ul { display:flex; gap:6px; margin:0; padding:0; list-style:none; }
nav.main-nav a { display:block; padding:9px 18px; border-radius:999px; font-size:14px; font-weight:600; color:var(--text-secondary); white-space:nowrap; }
nav.main-nav .current-menu-item > a,
nav.main-nav .current-menu-ancestor > a,
nav.main-nav .current_page_item > a { background:var(--accent-gradient); color:#fff; box-shadow:3px 3px 8px rgba(108,99,255,.35); }
@media (max-width:760px){ nav.main-nav ul { min-width:max-content; } }
@media (max-width:360px){ nav.main-nav a { padding:8px 12px; font-size:12px; } }
.icon-btn { text-decoration:none; }
.icon-btn .icon.filled, .wish-btn .icon.filled { color:var(--status-danger); fill:currentColor; }
.icon-btn.wished .icon { color:var(--status-danger); }
.icon-badge[hidden] { display:none; }
.search-overlay .field { margin-top:14px; }
.fab-close { width:30px; height:30px; border-radius:50%; border:none; background:transparent; color:var(--text-secondary); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.cart-fab a.fab-goto { text-decoration:none; }
.search-result-item { text-decoration:none; color:inherit; }
.search-result-item .ic img { width:100%; height:100%; object-fit:cover; border-radius:10px; }

/* ---------- ปุ่ม/ลิงก์ที่ใช้ <a> แทน <button> ---------- */
a.btn-primary, a.btn-secondary, a.cat-card, a.fab-goto { text-decoration:none; }
a.btn-secondary { color:var(--text-secondary); }
a.cat-card { display:block; }
.cat-card .ic img.cat-thumb { width:100%; height:100%; object-fit:cover; border-radius:16px; }
.cat-card .ic { overflow:hidden; }
.link-btn { text-decoration:none; }
.newsletter-form .field input { min-width:0; }