/* YaSuo monochrome brand; semantic success/danger colors remain distinct. */
:root{--ys-accent:#111;--ys-accent-dark:#000;--ys-accent-soft:#f2f2f2;--ys-text:#202020;--ys-text-muted:#717171;--ys-line:#e4e4e4}
.btn-primary{color:#fff;background-color:#111;border-color:#111}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff;background-color:#333;border-color:#333}.btn-primary:disabled{background:#666;border-color:#666}.btn-outline-primary{color:#111;border-color:#111}.btn-outline-primary:hover,.btn-outline-primary:active{color:#fff;background:#111;border-color:#111}.form-check-input:checked{background-color:#111;border-color:#111}.form-control:focus,.form-select:focus{border-color:#888;box-shadow:0 0 0 .2rem #11111115}.text-primary{color:#111!important}.bg-primary{background-color:#111!important}.page-link{color:#111}.page-item.active .page-link{color:#fff;background:#111;border-color:#111}.ys-header .ys-mark{background:#111}.delivery-loading-orbit>span{border-top-color:#111}.delivery-loading-progress>span{background:#111}
.alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.text-success{color:#198754!important}.badge.bg-success{background-color:#198754!important}.ys-auth-intro{background:#171717!important}.ys-auth-mark{background:#fff!important;color:#111!important}
.btn-primary{color:#fff!important;background:#111!important;border-color:#111!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#333!important;border-color:#333!important}.btn-primary:disabled{background:#666!important;border-color:#666!important}.btn-outline-primary{color:#111!important;border-color:#111!important}.btn-outline-primary:hover{color:#fff!important;background:#111!important}.ys-header .ys-mark,.ys-header.is-scrolled .ys-mark{background:#111!important}.shop-navbar .nav-link.active,.shop-navbar .nav-link:hover{background:#f2f2f2;color:#111}
.ys-catalog .badge.bg-success{background-color:#111!important}
/* YaSuo visitor language control */
.yasuo-locale-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e5e7eb;border-radius:8px;margin-right:8px;background:#fff}
.yasuo-locale-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;border-radius:5px;color:#6b7280;font-size:12px;font-weight:700;text-decoration:none}
.yasuo-locale-switch a:hover{background:#f3f4f6;color:#111}
.yasuo-locale-switch a.is-active{background:#111;color:#fff}
@media(max-width:575px){.yasuo-locale-switch{margin-right:4px}.yasuo-locale-switch a{min-width:25px}}

/* Shared YaSuo identity; independent of legacy theme selectors. */
.ys-header .yasuo-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:#111;color:#fff;font-size:15px;font-weight:800;box-shadow:none}
.delivery-loading-orbit{color:#111!important}.delivery-loading-orbit>span{border-color:#e5e5e5!important;border-top-color:#111!important}.delivery-loading-track{background:#e5e5e5!important}.delivery-loading-track span{background:#111!important}.delivery-loading{background:#fafafa!important;border-color:#e5e5e5!important}

/* Payment state is deliberately visible without relying on a color change. */
#payment-status{display:inline-flex;align-items:center;gap:8px}
#payment-status:not(.text-success):not(.text-danger)::before{content:"";width:13px;height:13px;flex:0 0 13px;border:2px solid #d5d5d5;border-top-color:#111;border-radius:50%;animation:yasuo-status-spin .8s linear infinite}
#payment-status.text-success::before{content:"✓";font-weight:800;color:#111}
#payment-status.text-danger::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-weight:800;color:#fff;background:#8a3030}
@keyframes yasuo-status-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#payment-status:not(.text-success):not(.text-danger)::before{animation:none}}

/* Storefront footer uses the same neutral YaSuo palette as the header. */
.shop-footer{background:#171717}.shop-footer-links a:before{background:#a3a3a3}.shop-scroll-progress{background:#111}.shop-floating-action{background:#171717;border-color:#383838}.shop-floating-action:hover,.shop-floating-action:focus{background:#333;border-color:#555}
.shop-floating-action:hover,.shop-floating-action:focus{box-shadow:0 8px 20px #11111125}
.ys-header .ys-nav-toggle:focus{border-color:#888;box-shadow:0 0 0 .2rem #11111115}