/* GENERATED FILE -- DO NOT EDIT BY HAND.
 *
 * Dark-mode counterparts for every hardcoded light colour in
 * custom.css. Regenerate with tools/generate-dark-overrides.py
 * after changing custom.css, then commit the result.
 *
 * Only colour properties are mirrored; layout is never touched, so a
 * mis-generated rule can recolour something but never move it.
 *
 * Scoped to html.dark only. The theme script always sets that class
 * (including for 'auto' + dark OS), so this covers every real visit;
 * the no-JS prefers-color-scheme fallback for the core surfaces lives
 * in layouts/_dark-mode-patch.blade.php, which also loads after this
 * file and therefore still wins where it sets a hand-tuned value.
 */

html.dark .page-content h1, html.dark .page-content h2, html.dark .page-content h3, html.dark .page-content h4, html.dark .page-content h5, html.dark .page-content h6 {
    color: rgba(236, 216, 187, 1) !important;
}
html.dark .page-content {
    color: rgba(236, 216, 187, 1) !important;
}
html.dark header, html.dark nav, html.dark .bg-background {
    background: rgb(24, 22, 19) !important;
    border-bottom: 1px solid rgb(44, 40, 35) !important;
}
html.dark #search-input {
    background: rgb(26, 24, 20) !important;
    color: rgb(247, 226, 195) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark #search-input::placeholder {
    color: rgb(152, 139, 120) !important;
}
html.dark #desktop-language-select {
    background: rgb(26, 24, 20) !important;
    color: rgb(247, 226, 195) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark button[title="Favorieten"] {
    color: rgb(247, 226, 195) !important;
}
html.dark #user-menu-button {
    color: rgb(247, 226, 195) !important;
}
html.dark #user-menu-button .rounded-full {
    background: rgb(35, 32, 28) !important;
}
html.dark #user-menu {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark #user-menu a {
    color: rgb(247, 226, 195) !important;
}
html.dark #user-menu a:hover {
    background: rgb(36, 33, 29) !important;
}
html.dark #mobile-menu-button {
    color: rgb(247, 226, 195) !important;
}
html.dark body {
    background: radial-gradient(circle at top center, rgba(14,165,164,0.06), transparent 32%),
        rgb(14, 13, 11) !important;
}
html.dark header, html.dark nav {
    background: rgba(24, 22, 19, 0.94) !important;
    border-bottom: 1px solid rgb(44, 40, 35) !important;
}
html.dark #search-input {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
    color: rgb(247, 226, 195) !important;
}
html.dark #lots form.mb-6 {
    background: rgba(24, 22, 19, 0.72) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark select {
    background-color: rgb(24, 22, 19) !important;
    border-color: rgb(44, 40, 35) !important;
    color: rgb(247, 226, 195) !important;
}
html.dark #lots h1, html.dark #lots h2 {
    color: rgb(247, 226, 195) !important;
}
html.dark #lots p, html.dark .text-muted-foreground {
    color: rgb(152, 139, 120) !important;
}
html.dark #lots a.rounded-full {
    border-color: rgb(44, 40, 35) !important;
}
html.dark #lots .lot-grid > a, html.dark #lots a.bg-card {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .lot-card__image {
    background: rgb(28, 25, 22) !important;
}
html.dark #lots h3 {
    color: rgb(247, 226, 195) !important;
}
html.dark #lots .bg-muted {
    background-color: rgb(28, 25, 22) !important;
}
html.dark footer {
    background: rgb(24, 22, 19) !important;
    border-top: 1px solid rgb(44, 40, 35) !important;
}
html.dark .bg-card {
    background: rgb(24, 22, 19) !important;
    border-color: rgb(44, 40, 35) !important;
}
html.dark .lot-zoom-container {
    background: rgb(28, 25, 22) !important;
}
html.dark nav[aria-label="Breadcrumb"] {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark #current-bid-display {
    color: rgb(247, 226, 195) !important;
}
html.dark #current-bid-display + div, html.dark .text-muted-foreground {
    color: rgb(152, 139, 120) !important;
}
html.dark [data-end-date] {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark [data-end-date] .text-zinc-400, html.dark [data-end-date] .text-zinc-500, html.dark [data-end-date] .text-zinc-300 {
    color: rgb(152, 139, 120) !important;
}
html.dark [data-end-date] .bg-zinc-900 {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark [data-end-date] .countdown-days, html.dark [data-end-date] .countdown-hours, html.dark [data-end-date] .countdown-minutes, html.dark [data-end-date] .countdown-seconds {
    color: rgb(247, 226, 195) !important;
}
html.dark [data-end-date] .bg-zinc-800 {
    background: rgb(30, 27, 23) !important;
}
html.dark form[action*="/bids"] .rounded-full {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark #lot-bid-input {
    color: rgb(247, 226, 195) !important;
}
html.dark #bid-total-line {
    background: rgb(26, 24, 20) !important;
    border-color: rgb(44, 40, 35) !important;
    color: rgb(247, 226, 195) !important;
}
html.dark .product-content {
    color: rgb(247, 226, 195) !important;
}
html.dark .lot-card__bid {
    background: linear-gradient(180deg, rgb(26, 24, 20) 0%, rgb(24, 22, 19) 100%) !important;
    border: 1px solid rgb(43, 40, 34) !important;
}
html.dark .lot-card__bid [data-end-date] {
    background: rgb(26, 24, 20) !important;
}
html.dark .lot-card__bid [data-end-date] {
    background: rgb(26, 24, 21) !important;
    border: 1px solid rgb(44, 41, 35) !important;
}
html.dark [data-end-date] {
    background: linear-gradient(180deg,rgb(26, 24, 20) 0%,rgb(26, 24, 20) 100%) !important;
    border: 1px solid rgb(44, 41, 35) !important;
}
html.dark .countdown-days-wrap {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
    color: rgb(247, 226, 195) !important;
}
html.dark .countdown-hours, html.dark .countdown-minutes, html.dark .countdown-seconds {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
    color: rgb(247, 226, 195) !important;
}
html.dark .countdown-hours::after, html.dark .countdown-minutes::after {
    color: rgb(152, 139, 120) !important;
}
html.dark [data-end-date] .w-full.h-1\.5 {
    background: rgb(30, 28, 24) !important;
}
html.dark .countdown-days-wrap::after, html.dark .countdown-hours::after, html.dark .countdown-minutes::after, html.dark .countdown-seconds::after {
    color: rgb(152, 139, 120) !important;
}
html.dark .countdown-days-wrap .countdown-days {
    color: rgb(247, 226, 195) !important;
}
html.dark .countdown-days-wrap, html.dark .countdown-hours, html.dark .countdown-minutes, html.dark .countdown-seconds {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 34) !important;
}
html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 > div {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
    color: rgb(247, 226, 195) !important;
}
html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .text-\[10px\] {
    color: rgb(152, 139, 120) !important;
}
html.dark .lot-show-countdown {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .lot-show-countdown__box {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .lot-show-countdown__num {
    color: rgb(247, 226, 195) !important;
}
html.dark .lot-show-countdown__unit {
    color: rgb(152, 139, 120) !important;
}
html.dark .lot-show-countdown__label {
    color: rgb(152, 139, 120) !important;
}
html.dark .lot-show-countdown__end {
    color: rgb(152, 139, 120) !important;
}
html.dark .product-content {
    color: rgb(236, 216, 187) !important;
}
html.dark .product-note {
    color: rgb(152, 139, 120) !important;
}
html.dark .kv-product-text {
    color: rgb(236, 216, 187) !important;
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .kv-product-highlight {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(45, 41, 36) !important;
}
html.dark .kv-product-note {
    color: rgb(152, 139, 120) !important;
}
html.dark .kv-page {
    background: rgb(26, 24, 20) !important;
}
html.dark .kv-page-badge {
    background: rgb(24, 22, 19) !important;
    color: rgb(247, 226, 195) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .kv-page h1 {
    color: rgb(247, 226, 195) !important;
}
html.dark .kv-page h2 {
    color: rgb(247, 226, 195) !important;
}
html.dark .kv-page p, html.dark .kv-page li {
    color: rgb(151, 138, 119) !important;
}
html.dark .kv-page-card {
    background: rgb(24, 22, 19) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .outlet-extra-info-item {
    background: rgb(25, 23, 19) !important;
    border: 1px solid rgb(43, 39, 34) !important;
}
html.dark .outlet-extra-info strong {
    color: rgb(247, 226, 195) !important;
}
html.dark .outlet-extra-info span {
    color: rgb(152, 139, 120) !important;
}
html.dark .auction-extra-pill {
    background: rgb(26, 24, 20) !important;
    border: 1px solid rgb(44, 40, 35) !important;
    color: rgb(221, 202, 175) !important;
}
html.dark .vendor-bottom-line, html.dark .outlet-vendor-line {
    background: rgb(25, 23, 19) !important;
    border: 1px solid rgb(43, 39, 34) !important;
}
html.dark .vendor-bottom-line {
    background: linear-gradient(
        180deg,
        rgb(25, 23, 19) 0%,
        rgb(27, 25, 21) 100%
    ) !important;
    border: 1px solid rgb(44, 40, 35) !important;
}
html.dark .vendor-bottom-line:hover {
    background: linear-gradient(
        180deg,
        rgb(32, 30, 26) 0%,
        rgb(34, 32, 27) 100%
    ) !important;
    border-color: rgb(46, 42, 36) !important;
}

@media (max-width: 768px) {
    html.dark form[action*="/lots/"][action*="/bids"] ~ * [data-end-date], html.dark [data-end-date]:has(+ .pt-2 form[action*="/lots/"][action*="/bids"]) {
        background: rgb(26, 24, 20) !important;
        border: 1px solid rgb(44, 40, 35) !important;
    }
    html.dark [data-end-date] > div:first-child > span {
        color: rgb(152, 139, 120) !important;
    }
    html.dark [data-end-date] .bg-zinc-900 {
        background: rgb(24, 22, 19) !important;
        border: 1px solid rgb(44, 40, 35) !important;
    }
    html.dark [data-end-date] .countdown-days, html.dark [data-end-date] .countdown-hours, html.dark [data-end-date] .countdown-minutes, html.dark [data-end-date] .countdown-seconds {
        color: rgb(247, 226, 195) !important;
    }
    html.dark [data-end-date] .text-\[10px\] {
        color: rgb(152, 139, 120) !important;
    }
    html.dark [data-end-date] .bg-zinc-800 {
        background: rgb(30, 27, 23) !important;
    }
    html.dark form[action*="/lots/"][action*="/bids"] .rounded-full {
        background: rgb(26, 24, 20) !important;
        border: 1px solid rgb(44, 40, 35) !important;
    }
    html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes, html.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
        color: rgb(247, 226, 195) !important;
    }
}

@media (min-width: 1024px) {
    html.dark .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) {
        background: linear-gradient(180deg, rgb(24, 22, 19) 0%, rgb(25, 23, 19) 100%) !important;
    }
    html.dark .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .pt-2 {
        background: rgb(26, 24, 20) !important;
        border: 1px solid rgb(44, 41, 35) !important;
    }
    html.dark .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"]) .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6::after {
        background: rgb(26, 24, 21) !important;
        border: 1px solid rgb(44, 41, 35) !important;
    }
    html.dark .vendor-space-item {
        background: rgb(25, 23, 19) !important;
        border: 1px solid rgb(43, 39, 34) !important;
    }
}