/*
Theme Name: 跨境账号助手
Theme URI: https://zh.1998988.xyz/
Author: 跨境账号助手
Description: 面向数字账号商品的简洁 WooCommerce 商城主题。
Version: 1.0.0
Text Domain: kua-account
*/

:root {
    --kaa-navy: #172235;
    --kaa-navy-2: #22314a;
    --kaa-yellow: #ffc21c;
    --kaa-teal: #0aa69a;
    --kaa-red: #f04444;
    --kaa-bg: #f4f6f8;
    --kaa-card: #fff;
    --kaa-border: #e5e9ef;
    --kaa-text: #29384d;
    --kaa-muted: #7b8798;
    --kaa-radius: 10px;
    --kaa-shadow: 0 8px 28px rgba(23, 34, 53, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    padding-top: 70px;
    color: var(--kaa-text);
    background: var(--kaa-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.kaa-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    color: #fff;
    background: var(--kaa-navy);
    box-shadow: 0 2px 12px rgba(0,0,0,.14);
}
.kaa-header__inner {
    width: min(1380px, calc(100% - 36px));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.kaa-brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.kaa-brand__mark {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 2px solid var(--kaa-yellow);
    border-radius: 10px;
    color: var(--kaa-yellow);
    font-size: 20px;
    font-weight: 800;
}
.kaa-brand__text { color: var(--kaa-yellow); font-size: 21px; font-weight: 800; letter-spacing: .06em; }
.kaa-nav { display: flex; align-items: center; gap: 30px; font-size: 15px; font-weight: 650; }
.kaa-nav a { color: #eef3fa; transition: color .18s ease; }
.kaa-nav a:hover, .kaa-nav a:focus { color: var(--kaa-yellow); }
.kaa-cart-link { display: inline-flex; align-items: center; gap: 6px; }
.kaa-cart-count { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; background: var(--kaa-yellow); color: var(--kaa-navy); text-align: center; line-height: 20px; font-size: 12px; }
.kaa-menu-toggle { display: none; border: 0; background: transparent; color: #fff; font-size: 24px; cursor: pointer; }

.kaa-shell {
    width: min(1380px, calc(100% - 36px));
    margin: 26px auto 60px;
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
}
.kaa-sidebar {
    position: sticky;
    top: 94px;
    overflow: hidden;
    border: 1px solid var(--kaa-border);
    border-radius: var(--kaa-radius);
    background: var(--kaa-card);
    box-shadow: var(--kaa-shadow);
}
.kaa-sidebar__title { margin: 0; padding: 17px 18px; border-bottom: 1px solid var(--kaa-border); font-size: 17px; }
.kaa-category-toggle { display: none; }
.kaa-category-list { margin: 0; padding: 0; list-style: none; }
.kaa-category-list li { border-bottom: 1px solid #f0f2f5; }
.kaa-category-list li:last-child { border-bottom: 0; }
.kaa-category-list a { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 11px 16px; color: #5a687c; font-size: 14px; transition: all .18s ease; }
.kaa-category-list a:hover, .kaa-category-list .is-active a { padding-left: 20px; color: var(--kaa-teal); background: #ecfaf8; box-shadow: inset 3px 0 0 var(--kaa-teal); }
.kaa-category-icon { width: 22px; text-align: center; font-size: 17px; }
.kaa-main { min-width: 0; }

.kaa-notice {
    margin-bottom: 20px;
    padding: 20px 24px;
    border: 1px solid var(--kaa-border);
    border-left: 5px solid var(--kaa-teal);
    border-radius: var(--kaa-radius);
    background: var(--kaa-card);
    box-shadow: var(--kaa-shadow);
}
.kaa-notice p { margin: 4px 0; }
.kaa-notice strong { color: var(--kaa-red); }
.kaa-notice__lead { color: var(--kaa-red); font-weight: 750; }

.kaa-product-group { margin-bottom: 18px; overflow: hidden; border: 1px solid var(--kaa-border); border-radius: var(--kaa-radius); background: var(--kaa-card); box-shadow: var(--kaa-shadow); scroll-margin-top: 92px; }
.kaa-product-group__title { margin: 0; padding: 14px 20px; border-bottom: 1px solid var(--kaa-border); background: #f9fafb; color: #6d7a8c; font-size: 17px; }
.kaa-product-table { width: 100%; border-collapse: collapse; }
.kaa-product-table th { padding: 13px 12px; color: #8994a4; background: #fbfcfd; text-align: left; font-size: 13px; font-weight: 500; white-space: nowrap; }
.kaa-product-table td { padding: 12px; border-top: 1px solid #eef1f4; vertical-align: middle; font-size: 14px; }
.kaa-product-table tbody tr:hover { background: #fffdf6; }
.kaa-product-name { display: flex; align-items: center; gap: 10px; min-width: 280px; font-weight: 650; }
.kaa-product-thumb { width: 32px; height: 32px; flex: 0 0 32px; overflow: hidden; border-radius: 6px; background: #f2f4f7; }
.kaa-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.kaa-badge { display: inline-flex; align-items: center; padding: 3px 8px; border: 1px solid #ffe089; border-radius: 5px; color: #a97800; background: #fff7d8; font-size: 12px; white-space: nowrap; }
.kaa-stock, .kaa-sales { color: var(--kaa-muted); white-space: nowrap; }
.kaa-price { color: var(--kaa-red); font-size: 16px; font-weight: 800; white-space: nowrap; }
.kaa-buy { display: inline-flex; align-items: center; justify-content: center; min-width: 66px; min-height: 34px; padding: 6px 15px; border: 1px solid #ffd45a; border-radius: 6px; color: #8f6500; background: #fff3bf; font-weight: 700; transition: all .18s ease; }
.kaa-buy:hover { color: #fff; background: #e3a900; border-color: #e3a900; }
.kaa-empty { padding: 54px 28px; text-align: center; color: var(--kaa-muted); }

.kaa-content-card { padding: 26px; border: 1px solid var(--kaa-border); border-radius: var(--kaa-radius); background: #fff; box-shadow: var(--kaa-shadow); }
.kaa-content-card h1 { margin-top: 0; }

.kaa-footer { padding: 28px 20px; border-top: 1px solid var(--kaa-border); color: #7c8798; background: #fff; text-align: center; font-size: 13px; }

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb { margin-bottom: 18px; color: var(--kaa-muted); }
.woocommerce div.product { padding: 24px; border: 1px solid var(--kaa-border); border-radius: var(--kaa-radius); background: #fff; box-shadow: var(--kaa-shadow); }
.woocommerce div.product .product_title { color: #415169; font-size: 25px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--kaa-red); font-size: 24px; font-weight: 800; }
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
    border-radius: 6px;
    color: #5c4400;
    background: var(--kaa-yellow);
}
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff; background: #dca800; }
.woocommerce table.shop_table { border-color: var(--kaa-border); border-radius: 8px; background: #fff; }
.woocommerce form.checkout, .woocommerce form.login, .woocommerce form.register, .woocommerce-account .woocommerce-MyAccount-content { padding: 22px; border: 1px solid var(--kaa-border); border-radius: var(--kaa-radius); background: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 0 18px; padding: 0; list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 14px; border-bottom: 1px solid var(--kaa-border); background: #fff; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--kaa-teal); background: #fff; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--kaa-teal); }

@media (max-width: 900px) {
    body { padding-top: 62px; }
    .kaa-header { height: 62px; }
    .kaa-header__inner { width: min(100% - 24px, 1380px); }
    .kaa-brand__mark { width: 34px; height: 34px; }
    .kaa-brand__text { font-size: 18px; }
    .kaa-menu-toggle { display: block; }
    .kaa-nav { display: none; position: absolute; top: 62px; left: 0; right: 0; padding: 14px 22px; flex-direction: column; align-items: stretch; gap: 0; background: var(--kaa-navy-2); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
    .kaa-nav.is-open { display: flex; }
    .kaa-nav a { padding: 11px 4px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .kaa-shell { width: min(100% - 22px, 1380px); margin-top: 14px; grid-template-columns: 1fr; }
    .kaa-sidebar { position: static; }
    .kaa-category-toggle { display: flex; width: 100%; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--kaa-border); align-items: center; justify-content: space-between; color: var(--kaa-text); background: #fff; font-weight: 700; }
    .kaa-sidebar__title { display: none; }
    .kaa-category-list { display: none; max-height: 55vh; overflow-y: auto; }
    .kaa-category-list.is-open { display: block; }
    .kaa-product-table thead { display: none; }
    .kaa-product-table, .kaa-product-table tbody, .kaa-product-table tr, .kaa-product-table td { display: block; width: 100%; }
    .kaa-product-table tr { position: relative; padding: 14px 96px 14px 14px; border-top: 1px solid var(--kaa-border); }
    .kaa-product-table td { padding: 3px 0; border: 0; }
    .kaa-product-table td:last-child { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); }
    .kaa-product-name { min-width: 0; }
    .kaa-product-table .kaa-sales-cell { display: none; }
}

@media (max-width: 520px) {
    .kaa-brand__mark { display: none; }
    .kaa-notice { padding: 16px; }
    .kaa-product-group__title { padding: 12px 14px; }
    .kaa-product-table tr { padding-right: 82px; }
    .kaa-buy { min-width: 58px; padding: 6px 11px; }
    .kaa-content-card, .woocommerce div.product { padding: 16px; }
}