/* ============================================================================
   Account / legacy-listing redesign chrome theme — CSS re-theming only.
   Added 22 Jul 2026 (fix/old-design-sweep).

   Loaded by newLayout.protected ONLY on the account-chrome routes (/user/*,
   /property/favourites, the bare /property index), and scoped ENTIRELY under
   `body.account-chrome` so it cannot leak into the other pages that share
   newLayout.protected / the global main.css + styles.css.

   Companion to checkout-redesign.css (same mechanism, 21 Jul 2026). It
   re-colours the existing page bodies to the redesign brand (navy #083344,
   cream #FBF9F4, gold #C9A227) and swaps headings to Montserrat Alternates.
   It changes NO layout, NO ids/names, NO handlers, NO auth gating and NO
   booking/payment display logic.
   ============================================================================ */

body.account-chrome {
    /* main.css paints the old theme through Bootstrap variables:
       --bs-primary #0c2f87 (legacy blue) and --bs-secondary #d4af37 (old
       gold). Re-pointing them here flips every .text-primary / .btn-* /
       .bg-* utility on these pages to the redesign palette in one move. */
    --bs-primary: #083344;
    --bs-primary-rgb: 8, 51, 68;
    --bs-secondary: #C9A227;
    --bs-secondary-rgb: 201, 162, 39;
    --ac-navy: #083344;
    --ac-navy-2: #0c4a5f;
    --ac-gold: #C9A227;
    --ac-line: rgba(8, 51, 68, .12);
    background: #FBF9F4;
}

/* ---- Headings to the redesign heading font (DESIGN_SYSTEM: Montserrat
       Alternates 700 for every H1/H2/H3; the account bodies use h4/h5 as
       section titles, so those follow too) ------------------------------- */
body.account-chrome h1,
body.account-chrome h2,
body.account-chrome h3,
body.account-chrome .dashboard-wrapper h4,
body.account-chrome .dashboard-wrapper h5,
body.account-chrome .favourite-wrapper h4,
body.account-chrome .favourite-wrapper h5 {
    font-family: 'Montserrat Alternates', 'Montserrat', sans-serif;
    color: var(--ac-navy);
}

/* ---- Primary CTAs: gold .btn-secondary -> navy pill (same treatment and
       specificity note as checkout-redesign.css: main.css uses a literal
       background-color plus a blue :before hover overlay) ----------------- */
body.account-chrome .btn.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ac-navy);
    --bs-btn-border-color: var(--ac-navy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ac-navy-2);
    --bs-btn-hover-border-color: var(--ac-navy-2);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ac-navy-2);
    --bs-btn-active-border-color: var(--ac-navy-2);
    background-color: var(--ac-navy);
    color: #fff;
    border-radius: 999px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
body.account-chrome .btn.btn-secondary:before {
    background-color: var(--ac-navy-2);
}
body.account-chrome .btn.btn-secondary:hover {
    color: #fff;
}

/* ---- Account sidebar: white card, navy active state ---------------------- */
body.account-chrome .dashboardSidebar {
    border: 1px solid var(--ac-line);
    border-radius: 14px;
}
body.account-chrome .dashboardSidebar .link.active,
body.account-chrome .dashboardSidebar .link.active * {
    color: var(--ac-navy) !important;
}

/* ---- Cards / panels: redesign hairline + radius -------------------------- */
body.account-chrome .dashboard-wrapper .border.rounded-2,
body.account-chrome .dashboard-wrapper .bg-accent-2,
body.account-chrome .favourite-wrapper .border.rounded-2 {
    border-color: var(--ac-line) !important;
    border-radius: 14px !important;
}

/* ---- Inline links to brand navy ------------------------------------------ */
body.account-chrome a.text-primary,
body.account-chrome a.text-secondary {
    color: var(--ac-navy) !important;
}