/* ===== MAIN MENU: the current page's item =====
 *
 * DXPR has no "active item" colour setting: with its Hover Style on "Text" the
 * active item only borrows the palette's Primary Color for its words, on no
 * background. The merchant chose its own look on 2026-10-01: stone #eae6da
 * behind dark brown #423631 — the same stone as My Projects' Photo Story
 * Prints tab.
 *
 * Two items carry it: the top-level item in the bar (li.active, e.g. Preserve
 * Memories while on one of its pages) and the page's own entry inside the
 * dropdown (a.is-active). Hover and focus are listed too, so pointing at the
 * active item does not swap it for the theme's hover colours (white behind
 * near-black, from Customize Navigation Colors).
 *
 * SPECIFICITY IS THE WHOLE TRICK. The theme's own active rule is
 * `#navbar.dxpr-theme-header--hover-text .menu .active > a` — one id, three
 * classes, one element. `#navbar.navbar` adds the class that ties it, and the
 * extra `li` breaks the tie, so these win whatever order the files load in.
 * Without `.navbar` the background applied but the text stayed the theme's
 * blue (found on staging 2026-10-01).
 *
 * DXPR-specific (#navbar, .menu). Attached on every page by
 * thingsloved_order_page_attachments().
 */
#navbar.navbar .menu > li.active > a,
#navbar.navbar .menu > li.active > a:hover,
#navbar.navbar .menu > li.active > a:focus,
#navbar.navbar .menu li a.is-active,
#navbar.navbar .menu li a.is-active:hover,
#navbar.navbar .menu li a.is-active:focus {
  background-color: #eae6da;
  color: #423631;
}