/* rooms360 v4 flat finish (27 Oct 2026). Loaded last on every page. The Playbook allows no shadows, glows or textures:
   colour is flat and pure, structure comes from 1px Bordeaux rules. Everything here is plain CSS (with the build
   writing a few markers into the pages), so the page's own redraws can never undo it. Inline styles need !important. */
*, *::before, *::after { box-shadow: none !important; text-shadow: none !important; }
html, body { background-color: var(--r360-creme); }
::selection { background: var(--r360-vermillon); color: var(--r360-creme); }

/* the accent colour follows the ground: Vermillon on Crème, Beurre on Bordeaux (the build sets these two variables
   on every dark section) */
:root { --v4-acc: var(--r360-vermillon); --v4-signal: var(--r360-vermillon); }

/* display lines: Archivo 800 condensed capitals, as in the Playbook examples */
[style*="var(--r360-serif)"]:not(input):not(textarea), .r360-svc-name, .r360-ft-head, .r360-door-title {
  text-transform: uppercase; font-weight: 800 !important; }
/* the accent: Instrument Serif Italic, lower case (written-in accents of the original design, and the last word the
   build marks with .v4-acc on short headlines) */
.v4-acc, [style*="R360 Accent"], [style*="var(--r360-script)"], [style*="var(--r360-serif)"][style*="italic"], h1 em, h2 em, .r360-em,
[style*="var(--r360-serif)"] em, .r360-ft-head em, .r360-svc-name em, .r360-door-title em {
  font-family: 'R360 Accent', Georgia, serif !important; font-style: italic !important; font-weight: 400 !important;
  text-transform: none !important; letter-spacing: 0 !important; color: var(--v4-acc) !important; }
/* Vermillon text in the pages and stylesheets is written as var(--v4-signal) by the build, so it turns Beurre on
   dark grounds; Vermillon fills (buttons) are untouched */

/* floor walls: the type badge is switched off (placeholder kept, see build.mjs v4Floors); the brand caption sits centred
   on an even light shade, also on touch screens */
#r360-top section .r360-mitem > div.v4-badge-off.v4-badge-off.v4-badge-off, .r360-mitem > .v4-badge-off { display: none !important; }
@media (hover: none) { .r360-mitem .r360-mover { background: rgba(0, 0, 0, 0.58) !important; } }