@charset "UTF-8";
/* 2026-09-03: this file used to open with a blanket `body{background:#000;color:#ccc;
   font-family:'Segoe UI'}` and a plain `.navbar{height:80px;z-index:10000;background:#111}`
   rule. Both loaded AFTER frontend_luxury.css (this file is the last stylesheet linked in
   views/layouts/header.php) and silently won every tie: the body shorthand reset
   frontend_luxury.css's entire gradient/noise background and swapped its Jost font for
   Segoe UI sitewide, and .navbar fought .navbar-glass on height/z-index (the live nav
   element carries BOTH classes: class="navbar navbar-expand-lg navbar-dark navbar-glass").
   Neither rule's own custom nav classes (.nav-box/.link/.dropdown/.dropdown-content/.brand)
   are used anywhere in the live markup (verified against views/layouts/header.php and
   views/) - this was a leftover reset from before the "luxury" redesign. Removed the dead
   nav rules entirely and aligned the body/auth/footer rules with the same warm palette now
   used everywhere else instead of leaving them to silently override it. */

* { box-sizing: border-box; }
a { text-decoration: none; color: inherit; transition: 0.3s; }

/* Bootstrap 5.3 runtime theme override, added 2026-09-03 - same fix as admin_theme.css's:
   any plain Bootstrap card/table/form/alert/badge with no bespoke .luxury- or .product-card
   class of its own was still reading Bootstrap's own stock dark palette
   (--bs-body-bg:#212529, cool blue-gray) underneath the custom luxury styling. This file
   loads last of the 3 front-end stylesheets (see views/layouts/header.php), so it wins the
   cascade for every front-end page. Uses frontend_luxury.css's own --noir/--onyx/--ivory/
   etc. variables (defined there, loaded first) rather than duplicating the palette. */
/* 2026-09-05: Showroom Light rollout - this block rebinds Bootstrap's own dark-mode variables
   to frontend_luxury.css's tokens. It used to point at --noir/--onyx/--charcoal directly, which
   this session deliberately kept as literal dark constants (still used elsewhere for things
   that need a dark tone regardless of overall theme) - so left unchanged, this block would have
   kept every plain Bootstrap card/table/modal dark even after the rest of the site went light.
   Repointed to the new --bg/--surface/--text-main/--text-muted/--line light tokens instead. */
[data-bs-theme=dark]{
  --bs-body-bg:var(--bg); --bs-body-bg-rgb:250,248,244;
  --bs-body-color:var(--text-main); --bs-body-color-rgb:27,26,23;
  --bs-emphasis-color:var(--ivory); --bs-emphasis-color-rgb:20,19,16;
  --bs-secondary-color:var(--text-muted); --bs-secondary-bg:var(--surface);
  --bs-tertiary-color:var(--text-muted); --bs-tertiary-bg:var(--surface);
  --bs-border-color:var(--line); --bs-border-color-translucent:var(--line);
  --bs-heading-color:var(--text-main);
  --bs-link-color:var(--gold); --bs-link-color-rgb:221,171,78;
  --bs-link-hover-color:var(--gold-light); --bs-link-hover-color-rgb:232,193,121;
}
.card{background-color:var(--surface);color:var(--text-main);border-color:var(--line);}
.table{--bs-table-color:var(--text-main);--bs-table-bg:transparent;--bs-table-border-color:var(--line);}
.modal-content{background-color:var(--surface);color:var(--text-main);}
.list-group-item{background-color:var(--surface);color:var(--text-main);border-color:var(--line);}

/* AUTH LAYOUT (Login/Register/Reset Password) - views/front/reset_password.php uses this */
.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding-top: 100px;
}
.auth-card {
    background: var(--surface, #ffffff);
    padding: 40px;
    width: 100%;
    max-width: 450px;
    border: 1px solid var(--line, #e7e1d3);
    text-align: center;
    box-shadow: 0 8px 30px rgba(27,26,23,0.10);
    border-radius: var(--radius-sm, 2px);
}
.auth-card h2 { margin-top: 0; color: var(--ivory, #141310); border-bottom: 1px solid var(--line, #e7e1d3); padding-bottom: 15px; margin-bottom: 20px; }
.auth-card input { width: 100%; padding: 12px; margin-bottom: 15px; background: var(--surface, #fff); border: 1px solid var(--line, #e7e1d3); color: var(--text-main, #1b1a17); border-radius: 6px; }
.btn-full { width: 100%; padding: 12px; background: var(--gold, #DDAB4E); color: var(--noir, #1B1815); font-weight: bold; border: none; cursor: pointer; text-transform: uppercase; border-radius: 6px; }
.btn-full:hover { background: var(--gold-light, #E8C179); }