/**
 * Minimal Mono (01 · 极简黑白) — site-wide overrides
 * Loads after dreamy-theme.css. Maps legacy selectors to design spec tokens.
 */

/* ===== Footer ===== */
.footer {
    background: var(--mm-footer, #111111) !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* ===== Breadcrumb ===== */
.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a {
    font-size: 12px;
    color: var(--mm-muted, #888888) !important;
}
.breadcrumb-item.active {
    color: var(--mm-text, #111111) !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--mm-muted, #888888);
}

/* ===== Buttons — 0 radius, full mono ===== */
.btn,
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-dark,
.btn-light,
button[type="submit"],
input[type="submit"] {
    border-radius: var(--mm-radius, 0) !important;
    box-shadow: none !important;
    font-family: var(--font-ui);
}

.btn-primary,
.btn-dark {
    background: var(--mm-text, #111111) !important;
    border-color: var(--mm-text, #111111) !important;
    color: #ffffff !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark {
    background: #ffffff !important;
    border: 1px solid var(--mm-text, #111111) !important;
    color: var(--mm-text, #111111) !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
    background: var(--mm-text, #111111) !important;
    color: #ffffff !important;
}

/* ===== Forms & panels ===== */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
    border-color: var(--mm-border-input, #E0E0E0) !important;
    border-radius: var(--mm-radius, 0) !important;
    background: #ffffff;
    color: var(--mm-text, #111111);
    font-family: var(--font-ui);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--mm-text, #111111) !important;
    box-shadow: none !important;
}

/* ===== Nav — scrub legacy teal/cyan ===== */
.header-top-bar,
.header-main-section,
.navbar-custom,
.navbar-menu-row,
.site-nav,
.main-nav {
    background-color: #ffffff !important;
    background-image: none !important;
}

.header-top-bar {
    background-color: var(--mm-panel, #FAFAFA) !important;
    border-bottom: 1px solid var(--mm-border, #E5E5E5) !important;
    color: var(--mm-text, #111111) !important;
}

.navbar .nav-link:hover,
.navbar-menu-row .nav-link:hover,
.main-nav a:hover,
.dropdown-item:hover {
    color: var(--mm-text, #111111) !important;
    background-color: var(--mm-panel, #FAFAFA) !important;
}

.navbar .nav-link.active,
.navbar-menu-row .nav-link.active {
    color: var(--mm-text, #111111) !important;
}

/* ===== Product buybox (Rebel / walltool) ===== */
.rw-buybox {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.rw-buybox__title,
.rw-buybox .product-title,
.product-detail-buybox h1 {
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: var(--mm-text, #111111) !important;
    letter-spacing: normal;
    text-transform: none;
}

.rw-buybox__sku {
    font-size: 11px;
    color: var(--mm-muted, #888888) !important;
}

.rw-buybox__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mm-text, #111111) !important;
}

.rw-walltool,
.rw-walltool-panel,
.walltool-panel,
.rw-buybox__walltool,
#walltoolPanel,
.wall-size-panel {
    background: var(--mm-panel, #FAFAFA) !important;
    border: 1px solid var(--mm-border-input, #E0E0E0) !important;
    border-radius: var(--mm-radius, 0) !important;
    box-shadow: none !important;
}

.rw-sample-block,
.rw-buybox__sample {
    background: var(--mm-panel-alt, #F5F5F5) !important;
    border: 1px solid var(--mm-border-input, #E0E0E0) !important;
    border-radius: var(--mm-radius, 0) !important;
}

.rw-buybox__wish {
    border: 1px solid var(--mm-border-input, #E0E0E0) !important;
    border-radius: var(--mm-radius, 0) !important;
    background: #ffffff !important;
    color: var(--mm-text, #111111) !important;
}

.rw-colorways__circle {
    border-radius: 50% !important;
    border-color: var(--mm-border-input, #E0E0E0) !important;
}

/* ===== Tabs ===== */
.nav-tabs .nav-link.active,
.product-tabs .nav-link.active,
#productTabs .nav-link.active {
    background: var(--mm-text, #111111) !important;
    color: #ffffff !important;
    border-color: var(--mm-text, #111111) !important;
    border-radius: var(--mm-radius, 0) !important;
}

.nav-tabs .nav-link {
    color: var(--mm-muted, #888888) !important;
    border-radius: var(--mm-radius, 0) !important;
}

/* ===== Cards & product grids ===== */
.product-card,
.category-card,
.card {
    border-color: var(--mm-border, #E5E5E5) !important;
    border-radius: var(--mm-radius, 0) !important;
    box-shadow: none !important;
}

.product-card:hover,
.category-card:hover {
    box-shadow: none !important;
    border-color: var(--mm-text, #111111) !important;
}

/* ===== Page containers — remove green tints ===== */
.cart-container,
.checkout-container,
.category-container,
.products-container,
.product-detail-container {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ===== Legacy gradient scrubbing ===== */
.navbar,
.navbar-custom,
.cart-container .navbar,
.checkout-container .navbar {
    background: #ffffff !important;
    background-image: none !important;
}

[class*="gradient"],
.btn-gradient,
.hero-gradient {
    background-image: none !important;
}

/* ===== Stars / ratings — mono ===== */
.text-warning,
.rating-stars,
.bi-star-fill,
.review-stars {
    color: var(--mm-text, #111111) !important;
}

/* ===== Alerts — subtle mono ===== */
.alert-primary {
    background: var(--mm-panel, #FAFAFA) !important;
    border-color: var(--mm-border, #E5E5E5) !important;
    color: var(--mm-text, #111111) !important;
}

/* ===== Tables (attributes) ===== */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--mm-panel-alt, #F5F5F5) !important;
}

.table th,
.table td {
    border-color: var(--mm-border-input, #E0E0E0) !important;
    color: var(--mm-text, #111111);
}

/* ===== Homepage feature blocks ===== */
.feature-block,
.homepage-feature,
.promo-section {
    background: var(--mm-panel, #FAFAFA) !important;
    background-image: none !important;
    border: 1px solid var(--mm-border, #E5E5E5);
    border-radius: var(--mm-radius, 0);
}

/* ===== Trust / success states in walltool ===== */
.rw-trust-list,
.rw-buybox__trust {
    color: var(--mm-text, #111111) !important;
}

.walltool-success,
.order-success {
    border-color: var(--mm-border, #E5E5E5) !important;
    background: var(--mm-panel, #FAFAFA) !important;
    color: var(--mm-text, #111111) !important;
}

/* ===== Accordion panels in buybox ===== */
.rw-aside-panel,
.rw-buybox .accordion-item,
.product-info-panel {
    background: var(--mm-panel-alt, #F5F5F5) !important;
    border: 1px solid var(--mm-border-input, #E0E0E0) !important;
    border-radius: var(--mm-radius, 0) !important;
}

/* ===== Catch-all: legacy teal/green/purple scrub ===== */
[style*="#369CA8"],
[style*="#369ca8"] {
    /* inline styles cannot be overridden; listed for reference */
}

.navbar,
.site-header,
header.navbar-custom {
    background: #ffffff !important;
    background-image: none !important;
}

/* Gradient buttons → solid mono */
.btn-primary,
.btn-checkout,
.btn-add-to-cart,
#addToCartBtn,
.walltool-submit,
.rw-walltool__submit {
    background: var(--mm-text, #111111) !important;
    background-image: none !important;
    border: 1px solid var(--mm-text, #111111) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Info / account / blog page containers */
.account-container,
.blog-list,
.blog-post,
.page-content,
.info-page,
.contact-page,
.register-container,
.cart-container,
.checkout-container,
[class*="-section"] .container,
.page-section .container {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Legacy green-tint panels site-wide */
[style*="background-color: #EEF1EA"],
[style*="background-color:#EEF1EA"] {
    background-color: #FAFAFA !important;
}

.about-us-section .container,
.contact-section .container,
.policy-section .container,
.privacy-section .container,
.refund-section .container,
.terms-section .container,
.delivery-section .container,
.order-confirmation-section .container,
.reset-password-section .container,
.register-section .container,
.not-found-section .container,
.accessibility-section .container,
.info-section .container,
.page-section .container,
.content-section .container {
    background-color: #FAFAFA !important;
    border-radius: 0 !important;
}

/* Focus outlines — mono */
:focus-visible {
    outline: 2px solid #111111 !important;
    outline-offset: 2px;
}

/* Site promo bar — keep black per spec */
.site-promo-bar {
    background-color: #111111 !important;
    border-bottom: 1px solid #111111 !important;
}

/* Typography — Inter everywhere */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand-custom {
    font-family: var(--font-heading) !important;
    color: var(--mm-text, #111111) !important;
}

.navbar-brand-custom {
    font-weight: 700 !important;
    letter-spacing: normal;
    text-transform: none;
}

/* Price display */
.price,
.product-price,
.rw-buybox__price-line strong,
.rw-buybox__price .price {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    color: var(--mm-text, #111111) !important;
}

/* Sale / danger badges → mono */
.badge.bg-danger,
.badge-sale,
.product-card .badge {
    background-color: var(--mm-text, #111111) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

/* Links */
a {
    color: var(--mm-text, #111111);
}
a:hover {
    color: #333333;
}

/* Remove colored box shadows globally */
* {
    --bs-box-shadow: none;
}

.card,
.product-card,
.modal-content {
    box-shadow: none !important;
}