/**
 * Live Auction Outlet — modals, cart dropdown, alerts (Clean Market scheme)
 */

/* Cart dropdown — hidden unless .show (never use d-flex on .dropdown-menu; it overrides display:none) */
.lao-clean-market .nav-cart-box.dropdown {
    position: relative;
}

.lao-clean-market .nav-cart-box:not(.show) .lao-nav-cart-menu {
    display: none !important;
}

.lao-clean-market .nav-cart-box.show .lao-nav-cart-menu {
    display: block !important;
}

.lao-clean-market .nav-cart-box .dropdown-menu,
.lao-clean-market .nav-cart-box .lao-nav-cart-menu {
    z-index: 1100;
    min-width: 22rem;
    max-width: 26rem;
    border-radius: 12px !important;
    border: 1px solid var(--border, #e0e0e0) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
    margin-top: 0.25rem;
    padding-bottom: 0;
    overflow: hidden;
}

.lao-clean-market .nav-cart-box .lao-nav-cart-inner {
    display: flex;
    flex-direction: column;
    max-height: min(85vh, 520px);
}

.lao-clean-market .nav-cart-box .lao-nav-cart-items {
    max-height: 220px;
    min-height: 0;
}

.lao-clean-market .nav-cart-box .lao-nav-cart-footer {
    position: relative;
    z-index: 2;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}

.lao-clean-market .nav-cart-box.show ~ .lao-back-to-top,
.lao-clean-market .nav-cart-box.show .lao-back-to-top,
body.lao-cart-dropdown-open .lao-back-to-top {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
}

.lao-clean-market .lao-cart-dropdown-actions .lao-btn-checkout {
    background: var(--accent, #e62e2e) !important;
    border-color: var(--accent, #e62e2e) !important;
    color: #fff !important;
    font-weight: 600;
}

.lao-clean-market .lao-cart-dropdown-actions .lao-btn-checkout:hover {
    filter: brightness(0.92);
    color: #fff !important;
}

.lao-clean-market .lao-nav-cart-header .lao-nav-cart-close {
    color: var(--ink-secondary, #6b7280);
    border-radius: 8px;
}

.lao-clean-market .lao-nav-cart-header .lao-nav-cart-close:hover {
    background: var(--bg-alt, #f3f4f6);
    color: var(--ink, #111);
}

/* Shared modal shell */
.lao-clean-market .lao-modal .modal-content.lao-modal-content,
.lao-clean-market .lao-modal .modal-content {
    border-radius: 14px !important;
    border: 1px solid var(--border, #e0e0e0) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
}

.lao-clean-market .lao-modal .lao-modal-header,
.lao-clean-market .lao-modal .modal-header {
    background: var(--ink, #111) !important;
    color: var(--ink-inverse, #fff) !important;
    border-bottom: none !important;
    padding: 1rem 1.25rem;
}

.lao-clean-market .lao-modal .lao-modal-header .modal-title,
.lao-clean-market .lao-modal .modal-header .modal-title {
    color: var(--ink-inverse, #fff) !important;
}

.lao-clean-market .lao-modal .modal-header .close {
    color: var(--ink-inverse, #fff) !important;
    opacity: 0.85;
    text-shadow: none;
}

.lao-clean-market .lao-modal .modal-body {
    padding: 1.25rem;
}

.lao-clean-market .lao-modal .form-control {
    border-radius: 8px !important;
    border-color: var(--border, #e0e0e0) !important;
}

.lao-clean-market .lao-modal .btn-primary {
    background: var(--accent, #e62e2e) !important;
    border-color: var(--accent, #e62e2e) !important;
    border-radius: 8px !important;
    font-weight: 600;
}

.lao-clean-market .lao-modal .btn-primary:hover {
    filter: brightness(0.92);
}

.lao-clean-market .lao-modal .separator span {
    background: var(--white, #fff) !important;
}

.lao-clean-market #addToCart .close {
    background: var(--bg-alt, #f3f4f6) !important;
    border-radius: 50%;
    color: var(--ink, #111) !important;
}

/* Flash / notification toasts */
.lao-clean-market .aiz-notify,
.lao-clean-market .toast {
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html[data-lao-theme="dark"] .lao-clean-market .nav-cart-box .dropdown-menu,
html[data-lao-theme="dark"] .lao-clean-market .lao-modal .modal-content {
    background: var(--surface, #1a1a1e) !important;
    border-color: var(--border, #2a2a30) !important;
}

html[data-lao-theme="dark"] .lao-clean-market .lao-modal .modal-body {
    color: var(--ink, #f3f4f6);
}

html[data-lao-theme="dark"] .lao-clean-market .nav-cart-box .dropdown-menu .text-dark {
    color: var(--ink, #f3f4f6) !important;
}