.error {
    width: 100%;
    margin-top: .25rem;
    font-size: 0.75rem;
    color: var(--si-form-invalid-color)
}

:root,
[data-bs-theme=light] {
    --si-primary: #853715;
    --si-primary-rgb: 133, 55, 21;
    --si-primary-text-emphasis: #5f240c;
    --si-primary-bg-subtle: #f8ede7;
    --si-primary-border-subtle: #ddb29c;
    --si-link-color: #853715;
    --si-link-color-rgb: 133, 55, 21;
    --si-link-hover-color: #5f240c;
    --si-link-hover-color-rgb: 95, 36, 12;
    --si-focus-ring-color: rgba(133, 55, 21, 0.25);
}

[data-bs-theme=dark] {
    --si-primary: #c67a4c;
    --si-primary-rgb: 198, 122, 76;
    --si-primary-text-emphasis: #efc2a4;
    --si-primary-bg-subtle: #2b140b;
    --si-primary-border-subtle: #7e4728;
    --si-link-color: #d49064;
    --si-link-color-rgb: 212, 144, 100;
    --si-link-hover-color: #efc2a4;
    --si-link-hover-color-rgb: 239, 194, 164;
    --si-focus-ring-color: rgba(212, 144, 100, 0.25);
}

.btn-primary {
    --si-btn-color: #fff;
    --si-btn-bg: #853715;
    --si-btn-border-color: #853715;
    --si-btn-hover-color: #fff;
    --si-btn-hover-bg: #6f2c10;
    --si-btn-hover-border-color: #6f2c10;
    --si-btn-focus-shadow-rgb: 133, 55, 21;
    --si-btn-active-color: #fff;
    --si-btn-active-bg: #5f240c;
    --si-btn-active-border-color: #5f240c;
    --si-btn-disabled-color: #fff;
    --si-btn-disabled-bg: #853715;
    --si-btn-disabled-border-color: #853715;
}

.btn-outline-primary {
    --si-btn-color: #853715;
    --si-btn-border-color: rgba(133, 55, 21, 0.35);
    --si-btn-hover-color: #fff;
    --si-btn-hover-bg: #853715;
    --si-btn-hover-border-color: #853715;
    --si-btn-focus-shadow-rgb: 133, 55, 21;
    --si-btn-active-color: #fff;
    --si-btn-active-bg: #6f2c10;
    --si-btn-active-border-color: #6f2c10;
    --si-btn-disabled-color: #853715;
    --si-btn-disabled-bg: transparent;
    --si-btn-disabled-border-color: rgba(133, 55, 21, 0.35);
}

.form-switch .form-check-input:checked {
    background-color: #853715;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(133, 55, 21, 0.55);
}

.form-switch.mode-switch .form-check-input,
.form-switch.price-switch .form-check-input {
    background-color: #853715;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(133, 55, 21, 0.55);
}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]) .form-check-input:checked {
    background-color: #c67a4c !important;
    border-color: #c67a4c !important;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(198, 122, 76, 0.55);
}

[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).mode-switch .form-check-input,
[data-bs-theme=dark] .form-switch:not([data-bs-theme=light]).price-switch .form-check-input {
    background-color: #c67a4c !important;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(198, 122, 76, 0.55);
}

.pagination {
    --si-pagination-hover-color: #853715;
    --si-pagination-hover-bg: #f8ede7;
    --si-pagination-focus-color: #853715;
    --si-pagination-focus-bg: #f8ede7;
    --si-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(133, 55, 21, 0.25);
    --si-pagination-active-bg: #853715;
    --si-pagination-active-border-color: #853715;
}

.text-primary {
    color: #853715 !important;
}

.text-gradient-primary {
    background: linear-gradient(to right, #5f240c, #853715, #b46331) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #5f240c 0%, #853715 52%, #b46331 100%) !important;
}

.bg-gradient-primary-translucent {
    background: linear-gradient(180deg, rgba(133, 55, 21, 0) 0%, rgba(133, 55, 21, 0.62) 120%) !important;
}

.wnu-theme-header {
    background-color: #853715;
    background-image: linear-gradient(135deg, #5f240c 0%, #853715 52%, #b46331 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wnu-theme-header .navbar-brand,
.wnu-theme-header .navbar-nav .nav-link,
.wnu-theme-header .navbar-toggler,
.wnu-theme-header .offcanvas-title,
.wnu-theme-header .mode-switch .form-check-label {
    color: #fff !important;
}

.wnu-theme-header .navbar-nav .nav-link:hover,
.wnu-theme-header .navbar-nav .nav-link:focus,
.wnu-theme-header .navbar-nav .nav-link.active,
.wnu-theme-header .navbar-nav .show > .nav-link {
    color: #f7d2bb !important;
}

.wnu-theme-header .offcanvas,
.wnu-theme-header .dropdown-menu {
    background-color: #6f2c10;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0)), linear-gradient(160deg, #6f2c10 0%, #853715 100%);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.12);
}

.wnu-theme-header .dropdown-menu .dropdown-item,
.wnu-theme-header .offcanvas .nav-link,
.wnu-theme-header .offcanvas .btn-close {
    color: #fff !important;
}

.wnu-theme-header .dropdown-menu .dropdown-item:hover,
.wnu-theme-header .dropdown-menu .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.12);
    color: #f7d2bb !important;
}

.wnu-theme-header .offcanvas .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.wnu-theme-footer {
    background-color: #853715;
    background-image: linear-gradient(180deg, #6b2910 0%, #853715 52%, #a95527 100%);
    color: #fff;
}

.wnu-theme-footer .navbar-brand,
.wnu-theme-footer .text-dark,
.wnu-theme-footer h6,
.wnu-theme-footer p,
.wnu-theme-footer .nav,
.wnu-theme-footer .nav-link,
.wnu-theme-footer .dropdown-toggle {
    color: #fff !important;
}

.wnu-theme-footer .nav-link {
    opacity: 0.88;
}

.wnu-theme-footer .nav-link:hover,
.wnu-theme-footer .nav-link:focus {
    color: #f7d2bb !important;
    opacity: 1;
}

.wnu-auth-page {
    background: linear-gradient(180deg, #f8ede7 0%, #ffffff 42%, #f4ede8 100%);
}

.wnu-auth-showcase {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 8px;
    background: linear-gradient(135deg, #5f240c 0%, #853715 52%, #b46331 100%);
    box-shadow: 0 1.5rem 3rem rgba(95, 36, 12, 0.18);
}

.wnu-auth-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 42%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 28px);
    opacity: 0.45;
    pointer-events: none;
}

.wnu-auth-showcase > * {
    position: relative;
    z-index: 1;
}

.wnu-auth-feature-list {
    display: grid;
    gap: 1rem;
}

.wnu-auth-feature {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.wnu-auth-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.wnu-auth-card {
    border-radius: 8px;
    border: 1px solid rgba(95, 36, 12, 0.08);
    box-shadow: 0 1.5rem 3rem rgba(95, 36, 12, 0.08);
}

.wnu-auth-form .form-control {
    min-height: 3.5rem;
    padding-inline-start: 3rem;
    border-color: #e3d4ca;
    background-color: #fffbf9;
}

.wnu-auth-form .form-control:focus {
    border-color: #c67a4c;
    background-color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(133, 55, 21, 0.12);
}

.wnu-auth-input-wrap {
    position: relative;
}

.wnu-auth-input-icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 1rem;
    transform: translateY(-50%);
    color: #853715;
    font-size: 1.1rem;
    pointer-events: none;
    z-index: 2;
}

.wnu-auth-page .container > .card:not(.wnu-auth-card) {
    max-width: 32rem;
    margin: 0 auto;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 1.5rem 3rem rgba(95, 36, 12, 0.08);
}

.wnu-auth-page .container > .card:not(.wnu-auth-card) .login-card-body {
    padding: 2rem;
}

.wnu-auth-page .container > .card:not(.wnu-auth-card) .login-box-msg {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0b0f19;
    text-align: start;
}

.wnu-auth-page .container > .card:not(.wnu-auth-card) .btn-block {
    width: 100%;
}

[data-bs-theme=dark] .wnu-auth-page {
    background: linear-gradient(180deg, #120d0b 0%, #18110d 42%, #0f0b09 100%);
}

[data-bs-theme=dark] .wnu-auth-card,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) {
    background-color: #17110e;
    border-color: rgba(212, 144, 100, 0.16);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.32);
}

[data-bs-theme=dark] .wnu-auth-form .form-control,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) .form-control {
    border-color: rgba(212, 144, 100, 0.22);
    background-color: #231914;
    color: #fff;
}

[data-bs-theme=dark] .wnu-auth-form .form-control:focus,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) .form-control:focus {
    border-color: #c67a4c;
    background-color: #2a1e17;
    box-shadow: 0 0 0 0.25rem rgba(198, 122, 76, 0.16);
}

[data-bs-theme=dark] .wnu-auth-form .form-control::placeholder,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

[data-bs-theme=dark] .wnu-auth-input-icon {
    color: #d49064;
}

[data-bs-theme=dark] .wnu-auth-page .text-body-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) .login-box-msg {
    color: #fff;
}

[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) .form-check-label,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) a:not(.btn) {
    color: #d49064;
}

[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) a:not(.btn):hover,
[data-bs-theme=dark] .wnu-auth-page .container > .card:not(.wnu-auth-card) a:not(.btn):focus {
    color: #efc2a4;
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important;
}

.wnu-registration-page {
    background: linear-gradient(180deg, #f8ede7 0%, #ffffff 42%, #f4ede8 100%);
}

.wnu-registration-card {
    border-radius: 8px;
    border: 1px solid rgba(95, 36, 12, 0.08);
    box-shadow: 0 1.5rem 3rem rgba(95, 36, 12, 0.08);
}

.wnu-registration-form .form-control,
.wnu-registration-form .form-select {
    min-height: 3.5rem;
    border-color: #e3d4ca;
    background-color: #fffbf9;
}

.wnu-registration-form .form-control:focus,
.wnu-registration-form .form-select:focus {
    border-color: #c67a4c;
    background-color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(133, 55, 21, 0.12);
}

.wnu-registration-page .login-card-body {
    border-radius: 8px;
    border: 1px solid rgba(95, 36, 12, 0.08);
    box-shadow: 0 1.5rem 3rem rgba(95, 36, 12, 0.08);
}

[data-bs-theme=dark] .wnu-registration-page {
    background: linear-gradient(180deg, #120d0b 0%, #18110d 42%, #0f0b09 100%);
}

[data-bs-theme=dark] .wnu-registration-card,
[data-bs-theme=dark] .wnu-registration-page .login-card-body {
    background-color: #17110e;
    border-color: rgba(212, 144, 100, 0.16);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.32);
}

[data-bs-theme=dark] .wnu-registration-form .form-control,
[data-bs-theme=dark] .wnu-registration-form .form-select {
    border-color: rgba(212, 144, 100, 0.22);
    background-color: #231914;
    color: #fff;
}

[data-bs-theme=dark] .wnu-registration-form .form-control:focus,
[data-bs-theme=dark] .wnu-registration-form .form-select:focus {
    border-color: #c67a4c;
    background-color: #2a1e17;
    box-shadow: 0 0 0 0.25rem rgba(198, 122, 76, 0.16);
}

[data-bs-theme=dark] .wnu-registration-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

[data-bs-theme=dark] .wnu-registration-card .text-body-secondary,
[data-bs-theme=dark] .wnu-registration-page .login-card-body .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width: 991.98px) {
    .wnu-auth-showcase {
        min-height: auto;
    }
}