/* ==========================================================================
   LITCN.com — 购物车模板 (litcn_cart) 视觉统一
   --------------------------------------------------------------------------
   加载方式：litcn_cart/common.tpl 中的 {assetExists file="custom.css"} 自动引入，
   位于 all.min.css 之后。主模板 css/custom.css 同样会在购物车页面生效，
   本文件只负责 #order-standard_cart 专有结构，避免样式冲突。
   版本：2026-11-02d（样式未变，仅同步缓存版本号）
   ========================================================================== */

:root {
    --lit-primary:       #5b4fe9;
    --lit-primary-dark: #4639cf;
    --lit-primary-soft: #eeebff;
    --lit-ink:           #221c46;
    --lit-text:          #3c4055;
    --lit-line:          #eae7f8;
    --lit-grad:          linear-gradient(120deg, #6d5dfc 0%, #4a6ff0 52%, #22a9e8 100%);
    --lit-grad-soft:     linear-gradient(90deg, #faf9ff, #f2f6ff);
    --lit-radius:        14px;
    --lit-shadow:        0 6px 22px rgba(38, 30, 100, .07);
    --lit-shadow-hover:  0 14px 34px rgba(56, 42, 160, .15);
    --lit-font:          "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
                         "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
                         "Noto Sans CJK SC", "Source Han Sans SC", Arial, sans-serif;
}

#order-standard_cart {
    font-family: var(--lit-font);
    color: var(--lit-text);
}
#order-standard_cart a { color: var(--lit-primary); }
#order-standard_cart a:hover { color: var(--lit-primary-dark); }
#order-standard_cart h1, #order-standard_cart h2,
#order-standard_cart h3, #order-standard_cart h4 { color: var(--lit-ink); }

/* --------------------------------------------------------------------------
   侧栏分类
   -------------------------------------------------------------------------- */
#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .sidebar-collapsed .list-group {
    border: 1px solid var(--lit-line);
    border-radius: var(--lit-radius);
    overflow: hidden;
    box-shadow: var(--lit-shadow);
    background: #fff;
}
#order-standard_cart .cart-sidebar .list-group-item {
    border-color: #f0eefb;
    color: #4b4763;
    transition: background .18s ease, color .18s ease;
}
#order-standard_cart .cart-sidebar .list-group-item:hover { background: #f5f3ff; color: var(--lit-primary); }
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover {
    background-color: var(--lit-primary);
    background-image: var(--lit-grad);
    border-color: transparent;
    color: #fff;
}
#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3 { color: var(--lit-ink); font-weight: 700; }

/* --------------------------------------------------------------------------
   标题与分区
   -------------------------------------------------------------------------- */
#order-standard_cart .header-lined {
    position: relative;
    border-bottom: 2px solid var(--lit-line);
    padding-bottom: .7rem;
}
#order-standard_cart .header-lined::after {
    content: "";
    position: absolute;
    left: 0; bottom: -2px;
    width: 72px; height: 3px;
    border-radius: 3px;
    background: var(--lit-grad);
}
#order-standard_cart .header-lined h1 { font-weight: 800; letter-spacing: -.02em; }
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless { border-bottom-color: var(--lit-line); }
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    background-color: var(--lit-primary) !important;
    background-image: var(--lit-grad) !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0;
}

/* --------------------------------------------------------------------------
   产品卡片
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product {
    border: 1px solid var(--lit-line);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--lit-shadow);
    background: #fff;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
#order-standard_cart .products .product:hover {
    transform: translateY(-4px);
    border-color: #d5cdfb;
    box-shadow: var(--lit-shadow-hover);
}
#order-standard_cart .products .product header {
    background: var(--lit-grad-soft);
    border-bottom: 1px solid var(--lit-line);
    color: var(--lit-ink);
    font-weight: 700;
}
#order-standard_cart .products .product div.product-pricing span.price {
    color: var(--lit-primary);
    font-weight: 700;
}
#order-standard_cart .products .product footer {
    background: #fff;
    border-top: 1px solid #f0eefb;
}
#order-standard_cart .products .product select,
#order-standard_cart .form-control,
#order-standard_cart .input-group-addon { border-color: #e2e0ef; }
#order-standard_cart .form-control:focus {
    border-color: #9c8ffb;
    box-shadow: 0 0 0 .2rem rgba(109, 93, 252, .16);
}

/* --------------------------------------------------------------------------
   附加产品 / 面板
   -------------------------------------------------------------------------- */
#order-standard_cart .panel-addon,
#order-standard_cart .panel,
#order-standard_cart .panel-default {
    border: 1px solid var(--lit-line);
    border-radius: var(--lit-radius);
    transition: border-color .2s ease, box-shadow .2s ease;
}
#order-standard_cart .panel-addon:hover {
    border-color: var(--lit-primary);
    box-shadow: var(--lit-shadow);
}
#order-standard_cart .panel-addon-selected,
#order-standard_cart .panel-addon-selected:hover {
    border-color: var(--lit-primary);
    background: #f7f5ff;
    box-shadow: var(--lit-shadow);
}
#order-standard_cart .panel-heading { background: var(--lit-grad-soft); border-bottom: 1px solid var(--lit-line); }

/* --------------------------------------------------------------------------
   域名查询与结果
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-selection-options .option {
    border: 1px solid var(--lit-line);
    border-radius: 12px;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
#order-standard_cart .domain-selection-options .option:hover {
    border-color: var(--lit-primary);
    background: #f8f7ff;
    box-shadow: var(--lit-shadow);
}
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .option-selected label {
    border-color: var(--lit-primary);
    background: #f4f1ff;
}
#order-standard_cart .domain-input-group .form-control { border-radius: 10px 0 0 10px; }
#order-standard_cart .domain-input-group .btn { border-radius: 0 10px 10px 0; }
#order-standard_cart .domain-checker-available { color: #128a5e; }
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid { color: #c05252; }
#order-standard_cart .transfer-eligible { color: #128a5e; }
#order-standard_cart .transfer-not-eligible { color: #c05252; }
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart .domain-lookup-primary-results .headline { color: var(--lit-ink); font-weight: 700; }

/* 域名价格卡片（domainregister.tpl 内联样式已存在，此处仅补充品牌色） */
#order-standard_cart .featured-tlds-container .featured-tld .tld-text-name { color: var(--lit-ink); }
#order-standard_cart .featured-tlds-container .featured-tld:hover { border-color: var(--lit-primary); }

/* --------------------------------------------------------------------------
   订单摘要
   -------------------------------------------------------------------------- */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
    border: 1px solid var(--lit-line);
    border-radius: 16px;
    box-shadow: var(--lit-shadow);
}
#order-standard_cart .order-summary h2 { font-weight: 700; }
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total-due-today .amt { color: var(--lit-primary); }
#order-standard_cart .order-summary .bordered-totals { border-bottom-color: var(--lit-primary); }
#order-standard_cart .order-summary .product-name { color: var(--lit-ink); font-weight: 600; }

/* --------------------------------------------------------------------------
   统一购买 / 下单 / 结账按钮
   官方 products.tpl 使用 .btn-success.btn-sm.btn-order-now，且产品卡片
   footer 为 width:40%; font-size:0.8em，导致「立即购买」又小又是绿色，
   与品牌色割裂且不易看清。此处统一为紫蓝渐变 CTA 并放大加粗。
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-add-to-cart {
    color: #fff;
    background-color: var(--lit-primary);
    background-image: var(--lit-grad);
    border-color: transparent;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    box-shadow: 0 5px 16px rgba(91, 79, 233, .25);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-success:focus,
#order-standard_cart .btn-checkout:focus,
#order-standard_cart .btn-add-to-cart:focus {
    color: #fff;
    filter: brightness(1.07);
    box-shadow: 0 10px 24px rgba(91, 79, 233, .34);
    transform: translateY(-2px);
}
#order-standard_cart .btn-primary:not(:disabled):not(.disabled):active,
#order-standard_cart .btn-success:not(:disabled):not(.disabled):active,
#order-standard_cart .btn-checkout:not(:disabled):not(.disabled):active,
#order-standard_cart .btn-add-to-cart:not(:disabled):not(.disabled):active {
    color: #fff;
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(91, 79, 233, .2);
}
#order-standard_cart .btn-primary.disabled,
#order-standard_cart .btn-success.disabled,
#order-standard_cart .btn-checkout.disabled,
#order-standard_cart .btn-add-to-cart.disabled,
#order-standard_cart .btn-primary:disabled,
#order-standard_cart .btn-success:disabled,
#order-standard_cart .btn-checkout:disabled,
#order-standard_cart .btn-add-to-cart:disabled {
    opacity: .55;
    box-shadow: none;
    transform: none;
    filter: none;
    cursor: not-allowed;
}

/* 产品卡片「立即购买」：从 btn-sm 小绿块改为整行醒目的品牌主按钮 */
#order-standard_cart .products .product footer .btn-order-now {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 13px 16px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff;
    text-shadow: 0 1px 2px rgba(20, 14, 60, .45);
    white-space: nowrap;
    border-color: transparent;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(91, 79, 233, .28);
}
#order-standard_cart .products .product footer .btn-order-now i,
#order-standard_cart .products .product footer .btn-order-now .fas {
    font-size: 1.05em;
    margin-right: .5rem;
}
#order-standard_cart .products .product footer .btn-order-now:hover,
#order-standard_cart .products .product footer .btn-order-now:focus {
    color: #fff;
    text-decoration: none;
}
#order-standard_cart .products .product footer .btn-order-now.disabled,
#order-standard_cart .products .product footer .btn-order-now:disabled {
    opacity: .55;
    box-shadow: none;
    transform: none;
    filter: none;
}

/* 结账按钮保留官方的大尺寸内边距 */
#order-standard_cart .btn-checkout {
    letter-spacing: .02em;
    padding: 15px 34px;
}
#order-standard_cart .alert { border-radius: 12px; }
#order-standard_cart .alert-info { background: #eef4ff; border-color: #d6e5ff; color: #2b4f8f; }
#order-standard_cart .alert-success { background: #edfbf5; border-color: #cdeedd; color: #1c7a55; }
#order-standard_cart .alert-danger { background: #fff0f0; border-color: #f7d4d4; color: #a63b3b; }
#order-standard_cart .checkout-error-feedback { color: #c05252; }

/* --------------------------------------------------------------------------
   响应式与无障碍
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
    #order-standard_cart .header-lined h1 { font-size: 1.6rem; }
    #order-standard_cart .btn-checkout { padding: 13px 20px; }
    #order-standard_cart .products .product footer .btn-order-now {
        padding: 12px 14px;
        font-size: 15px;
    }
}
:focus-visible { outline: 2px solid var(--lit-primary); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart *, #order-standard_cart *::before, #order-standard_cart *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}