/*
Theme Name: Astra Child Fixed 2
Template: astra
Version: 2.0.0-S70
Description: SSRocket light theme alignment with new site (S70 path A · CSS-only)
*/

/* Google Fonts: Outfit (display) + Noto Sans SC (body) */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");

/* ═══════════════════════════════════════
   Light theme design tokens
   (来源: L2-DESIGN_SYSTEM.md + page-account.php 实战版)
═══════════════════════════════════════ */
:root {
  /* Brand */
  --sr-brand:        #2563EB;
  --sr-brand-hover:  #1D4ED8;
  --sr-brand-light:  #DBEAFE;
  --sr-brand-bg:     #EFF6FF;

  /* Text */
  --sr-text:           #0f172a;
  --sr-text-secondary: #374151;
  --sr-text-muted:     #6B7280;
  --sr-text-light:     #9CA3AF;

  /* Backgrounds */
  --sr-bg:            #FFFFFF;
  --sr-bg-secondary:  #F9FAFB;
  --sr-bg-tertiary:   #F3F4F6;
  --sr-card:          #f8fafc;
  --sr-card-solid:    #FFFFFF;

  /* Borders */
  --sr-border:        #E5E7EB;
  --sr-border-light:  #F3F4F6;
  --sr-border-hover:  #D1D5DB;

  /* Semantic */
  --sr-success: #10b981;
  --sr-warning: #f59e0b;
  --sr-danger:  #ef4444;

  /* Radius */
  --sr-radius:      12px;
  --sr-radius-sm:   8px;
  --sr-radius-full: 9999px;

  /* Spacing — 8px grid */
  --sr-space-1:  8px;
  --sr-space-2:  16px;
  --sr-space-3:  24px;
  --sr-space-4:  32px;
  --sr-space-5:  40px;
  --sr-space-6:  48px;

  /* Fonts */
  --sr-font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;
  --sr-font:         "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;

  /* Transitions */
  --sr-ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --sr-duration: 0.2s;
}

/* ═══════════════════════════════════════
   全局 typography (用户中心+cart+checkout+feedback 范围,落地页不影响)
═══════════════════════════════════════ */
body.woocommerce-account .entry-content,
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content,
body.page-id-79376 .entry-content,
body.page-id-121 .entry-content,
body.page-id-122 .entry-content,
body.page-id-47205 .entry-content {
  font-family: var(--sr-font);
  color: var(--sr-text);
  line-height: 1.6;
}

body.woocommerce-account .entry-content h1,
body.woocommerce-account .entry-content h2,
body.woocommerce-account .entry-content h3,
body.woocommerce-cart .entry-content h1,
body.woocommerce-cart .entry-content h2,
body.woocommerce-checkout .entry-content h1,
body.woocommerce-checkout .entry-content h2 {
  font-family: var(--sr-font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--sr-text);
}

/* ═══════════════════════════════════════
   WooCommerce form light styling
═══════════════════════════════════════ */
.woocommerce form .form-row label {
  color: var(--sr-text-secondary);
  font-weight: 500;
  font-size: 14px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid var(--sr-border);
  border-radius: var(--sr-radius-sm);
  padding: 10px 14px;
  font-size: 14px;
  font-family: var(--sr-font);
  background: var(--sr-bg);
  color: var(--sr-text);
  transition: border-color var(--sr-duration) var(--sr-ease), box-shadow var(--sr-duration) var(--sr-ease);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--sr-brand);
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

/* ═══════════════════════════════════════
   WooCommerce buttons (primary + secondary)
═══════════════════════════════════════ */
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page a.button.alt,
.woocommerce input.button.alt {
  background: var(--sr-brand) !important;
  color: #fff !important;
  border-radius: var(--sr-radius-sm) !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-family: var(--sr-font) !important;
  transition: background var(--sr-duration) var(--sr-ease) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page a.button.alt:hover {
  background: var(--sr-brand-hover) !important;
  color: #fff !important;
}

.woocommerce button.button:not(.alt),
.woocommerce a.button:not(.alt),
.woocommerce input.button:not(.alt) {
  background: var(--sr-bg-secondary) !important;
  color: var(--sr-text) !important;
  border: 1px solid var(--sr-border) !important;
  border-radius: var(--sr-radius-sm) !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  font-family: var(--sr-font) !important;
  text-shadow: none !important;
}
.woocommerce button.button:not(.alt):hover,
.woocommerce a.button:not(.alt):hover {
  background: var(--sr-bg-tertiary) !important;
  border-color: var(--sr-border-hover) !important;
}

/* ═══════════════════════════════════════
   Tables (orders / downloads / cart)
═══════════════════════════════════════ */
.woocommerce table.shop_table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--sr-radius);
  border: 1px solid var(--sr-border);
  overflow: hidden;
  font-family: var(--sr-font);
}
.woocommerce table.shop_table th {
  background: var(--sr-bg-secondary);
  color: var(--sr-text-secondary);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
  padding: 14px 16px;
}
.woocommerce table.shop_table td {
  padding: 14px 16px;
  border-top: 1px solid var(--sr-border-light);
  color: var(--sr-text);
}

/* ═══════════════════════════════════════
   Order status pills
═══════════════════════════════════════ */
.woocommerce .order-status,
.woocommerce mark {
  display: inline-block;
  padding: 3px 10px;
  border-radius: var(--sr-radius-full);
  font-size: 12px;
  font-weight: 600;
  background: var(--sr-brand-bg);
  color: var(--sr-brand);
}
.woocommerce mark.order-status.status-completed,
.woocommerce mark.status-completed { background: rgba(16, 185, 129, 0.1); color: var(--sr-success); }
.woocommerce mark.order-status.status-processing,
.woocommerce mark.status-processing { background: var(--sr-brand-bg); color: var(--sr-brand); }
.woocommerce mark.order-status.status-on-hold,
.woocommerce mark.status-on-hold { background: rgba(245, 158, 11, 0.1); color: var(--sr-warning); }
.woocommerce mark.order-status.status-cancelled,
.woocommerce mark.status-cancelled,
.woocommerce mark.order-status.status-refunded { background: rgba(239, 68, 68, 0.08); color: var(--sr-danger); }

/* ═══════════════════════════════════════
   Cart / Checkout cards
═══════════════════════════════════════ */
.cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order {
  background: var(--sr-card);
  border: 1px solid var(--sr-border);
  border-radius: var(--sr-radius);
  padding: var(--sr-space-3);
}
.cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading {
  font-family: var(--sr-font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--sr-text);
  margin-bottom: var(--sr-space-2);
}

/* ═══════════════════════════════════════
   Account navigation (默认 WC nav)
═══════════════════════════════════════ */
.woocommerce-MyAccount-navigation ul li a {
  color: var(--sr-text-secondary);
  border-radius: var(--sr-radius-sm);
  padding: 10px 14px;
  font-weight: 500;
  font-family: var(--sr-font);
  transition: background var(--sr-duration) var(--sr-ease);
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--sr-bg-secondary);
  color: var(--sr-brand);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--sr-brand);
  color: #fff;
}

/* ═══════════════════════════════════════
   Notices (info / success / error)
═══════════════════════════════════════ */
.woocommerce-message,
.woocommerce-info {
  background: var(--sr-brand-bg);
  border-left: 4px solid var(--sr-brand);
  color: var(--sr-text);
  padding: 14px 18px;
  border-radius: var(--sr-radius-sm);
  font-family: var(--sr-font);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--sr-brand); }

.woocommerce-error {
  background: rgba(239, 68, 68, 0.06);
  border-left: 4px solid var(--sr-danger);
  color: var(--sr-text);
  padding: 14px 18px;
  border-radius: var(--sr-radius-sm);
}

/* ═══════════════════════════════════════
   Mobile (preserve original sidebar hide)
═══════════════════════════════════════ */
@media (max-width: 768px) {
  .custom-account-sidebar,
  .woocommerce-MyAccount-navigation {
    display: none !important;
  }
  .custom-account-content,
  .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}

/* ═══════════════════════════════════════
   WC login/register specific overrides v2.1
   (按 class 直接覆盖,不依赖 .woocommerce ancestor)
═══════════════════════════════════════ */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-ResetPassword button[type="submit"],
.woocommerce-EditAccountForm button[type="submit"],
button.woocommerce-button.button,
button.woocommerce-Button.button,
input.woocommerce-button.button,
input.woocommerce-Button.button {
    background: var(--sr-brand, #2563EB) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--sr-radius-sm, 8px) !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    font-family: var(--sr-font, "Noto Sans SC", -apple-system, sans-serif) !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    transition: background 0.2s ease !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover,
button.woocommerce-button.button:hover,
button.woocommerce-Button.button:hover {
    background: var(--sr-brand-hover, #1D4ED8) !important;
    color: #fff !important;
}

/* WC form input 强 override(form 不在 .woocommerce wrapper 时) */
.woocommerce-form .form-row input.input-text,
.woocommerce-form input[type="text"],
.woocommerce-form input[type="email"],
.woocommerce-form input[type="password"],
.woocommerce-form textarea {
    border: 1px solid var(--sr-border, #E5E7EB) !important;
    border-radius: var(--sr-radius-sm, 8px) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-family: var(--sr-font, "Noto Sans SC", -apple-system, sans-serif) !important;
    background: var(--sr-bg, #ffffff) !important;
    color: var(--sr-text, #0f172a) !important;
}

/* ═══════════════════════════════════════
   v2.2 · WC my-account 未登录 col2-set 单列布局
   原 WC 默认: col-1 (login 50%) + col-2 (register 50%)
   现在: register 已被 sr-register-redirect 替换, col2-set 应单列居中
═══════════════════════════════════════ */
body.woocommerce-account .u-columns.col2-set {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
}
body.woocommerce-account .u-columns.col2-set .u-column1.col-1,
body.woocommerce-account .u-columns.col2-set .u-column2.col-2,
body.woocommerce-account .col2-set .col-1,
body.woocommerce-account .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* register column 已被替换, 隐藏空 col-2 wrapper(避免空白)*/
body.woocommerce-account .u-columns.col2-set .u-column2.col-2:empty,
body.woocommerce-account .col2-set .col-2:empty {
    display: none !important;
}

/* sr-register-redirect 深色卡片 → light theme 一致风格 */
.sr-register-redirect {
    background: var(--sr-card, #f8fafc) !important;
    border: 1px solid var(--sr-border, #E5E7EB) !important;
    border-radius: var(--sr-radius, 12px) !important;
    padding: 24px !important;
    margin-top: 24px !important;
    color: var(--sr-text, #0f172a) !important;
}
.sr-register-redirect h3 {
    font-family: var(--sr-font-display, "Outfit", -apple-system, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--sr-text, #0f172a) !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.01em !important;
}
.sr-register-redirect p {
    font-size: 14px !important;
    color: var(--sr-text-secondary, #374151) !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}
.sr-register-redirect a {
    display: inline-block !important;
    padding: 10px 20px !important;
    background: var(--sr-brand, #2563EB) !important;
    color: #fff !important;
    border-radius: var(--sr-radius-sm, 8px) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}
.sr-register-redirect a:hover {
    background: var(--sr-brand-hover, #1D4ED8) !important;
    color: #fff !important;
}

/* form-row p 元素 layout */
body.woocommerce-account .woocommerce-form .form-row {
    margin-bottom: 16px !important;
}
/* 仅顶层 input 的 label block(用户名/密码 form-row-wide 的 label)*/
body.woocommerce-account .woocommerce-form .form-row.form-row-wide > label {
    display: block !important;
    margin-bottom: 6px !important;
}
/* checkbox 行的 rememberme label 保持 inline,与 button 不同 stacking */
body.woocommerce-account .woocommerce-form-login__rememberme,
body.woocommerce-account label.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
}
body.woocommerce-account label.woocommerce-form__label-for-checkbox > span {
    display: inline !important;
}
/* checkbox 行 form-row 的 button 在新行 + 全宽 + 强力蓝底白字 */
body.woocommerce-account .woocommerce-form-login .form-row,
body.woocommerce-account .woocommerce-form-register .form-row {
    display: block !important;
}
body.woocommerce-account button.woocommerce-form-login__submit,
body.woocommerce-account button.woocommerce-form-register__submit {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    background: #2563EB !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    text-align: center !important;
    transition: background 0.2s ease !important;
}
body.woocommerce-account button.woocommerce-form-login__submit:hover,
body.woocommerce-account button.woocommerce-form-register__submit:hover {
    background: #1D4ED8 !important;
}

/* ═══════════════════════════════════════
   v2.5 · 隐藏浏览器原生 password reveal button
   (Edge 的 ::-ms-reveal 在 fork-2 layout 下显示为大蓝色块)
═══════════════════════════════════════ */
input::-ms-reveal,
input::-ms-clear,
input[type="password"]::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* ═══════════════════════════════════════
   v2.6 · Specificity boost — submit button 蓝底白字
   v2.0 的 .woocommerce button.button:not(.alt) (specificity 0,3,1)
   覆盖了 v2.4 的 body.woocommerce-account button.woocommerce-form-login__submit (0,2,2)
   v2.6 用 ID + class 提升到 1,1,2 完胜
═══════════════════════════════════════ */
#main button.woocommerce-form-login__submit,
#main button.woocommerce-form-register__submit,
#primary button.woocommerce-form-login__submit,
#primary button.woocommerce-form-register__submit,
#content button.woocommerce-form-login__submit,
#content button.woocommerce-form-register__submit,
.site-main button.woocommerce-form-login__submit,
.site-main button.woocommerce-form-register__submit {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    background: #2563EB !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    text-align: center !important;
    transition: background 0.2s ease !important;
}
#main button.woocommerce-form-login__submit:hover,
#main button.woocommerce-form-register__submit:hover,
#primary button.woocommerce-form-login__submit:hover,
.site-main button.woocommerce-form-login__submit:hover {
    background: #1D4ED8 !important;
}

/* ═══════════════════════════════════════
═══════════════════════════════════════ */

/* S75 热修 (Xi 拍): 重置订阅链接按钮 红色, 跟 chatcats.net 一致.
   .woocommerce button.button:not(.alt) 通用灰色规则覆盖了 plugin inline #d63638,
   用 ID specificity + !important 强 override 回红. */
#reset-subslink-button,
.woocommerce #reset-subslink-button {
    background: #d63638 !important;
    color: #fff !important;
    border: 1px solid #d63638 !important;
}
#reset-subslink-button:hover,
.woocommerce #reset-subslink-button:hover {
    background: #b32a2c !important;
    border-color: #b32a2c !important;
}

/* S75 热修 v2: #subs-copy-btn 也被 .woocommerce button.button:not(.alt) 灰化, 补 override 蓝色 (跟 chatcats 一致). */
#subs-copy-btn,
.woocommerce #subs-copy-btn {
    background: var(--sr-brand, #2563EB) !important;
    color: #fff !important;
    border: 1px solid var(--sr-brand, #2563EB) !important;
}
#subs-copy-btn:hover,
.woocommerce #subs-copy-btn:hover {
    background: var(--sr-brand-hover, #1D4ED8) !important;
    border-color: var(--sr-brand-hover, #1D4ED8) !important;
}