/* Regal Drapes V8 - encoding and continuous background / October 25, 2026
   Load after V7. Scoped to branded pages. Pure CSS; no change to ordering logic. */
:root {
  --rd8-ink: #202C39;
  --rd8-dusty: #3E4E66;
  --rd8-ivory: #FCFAF5;
  --rd8-parchment: #F5F1ED;
  --rd8-bone: #E7E1DA;
  --rd8-line: #DDD7CF;
}
/* Continuous tonal progression: no horizontal hard-edged beige band. */
html:has(body.rd-brand-page.rd-brand-configurator) {
  background-color:var(--rd8-ivory) !important;
}
body.rd-brand-page.rd-brand-configurator,
body.rd-brand-page.rd-brand-general,
body.rd-brand-page.rd-brand-basket,
body.rd-brand-page.saved-designs-page {
  background-color:var(--rd8-parchment) !important;
  background-image:linear-gradient(157deg,
     #FCFAF5 0%, #F9F6F2 29%, #F5F1ED 61%, #EEE8E1 100%) !important;
  background-attachment:fixed !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
/* One light panel, not nested frames. Preserve step actions and DOM. */
body.rd-brand-page.rd-brand-configurator #divHeaderSteps {
  background:linear-gradient(155deg,#FCFAF5 0%,#F8F5F1 56%,#F5F1ED 100%) !important;
  border:1px solid var(--rd8-bone) !important;
  box-shadow:0 12px 30px rgba(32,44,57,.065) !important;
}
body.rd-brand-page.rd-brand-configurator #divHeaderSteps :is(.config-header-table,.config-intro) {
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.rd-brand-page.rd-brand-configurator .preview-panel {
  background:linear-gradient(156deg,#FCFAF5 0%,#F5F1ED 100%) !important;
  border:1px solid var(--rd8-bone) !important;
  box-shadow:0 10px 28px rgba(32,44,57,.06) !important;
}
/* Single selected outline: the click handler retains the selected class.
   The inside image never draws a second orange keyline. */
body.rd-brand-page.rd-brand-configurator .style-card.selected {
  border:2px solid var(--rd8-dusty) !important;
  box-shadow:0 8px 22px rgba(32,44,57,.105) !important;
}
body.rd-brand-page.rd-brand-configurator .style-card.selected .style-card-image,
body.rd-brand-page.rd-brand-configurator .style-card.selected [id^='divMainImg'] {
  border-color:transparent !important;
}
body.rd-brand-page.rd-brand-configurator .style-card.selected .style-card-selected-note,
body.rd-brand-page.rd-brand-configurator .selected-style-chip {
  color:var(--rd8-dusty) !important;
}
body.rd-brand-page.rd-brand-configurator .roman-style-card.selected,
body.rd-brand-page.rd-brand-configurator .roman-style-card.is-selected {
  border-color:var(--rd8-dusty) !important;
  box-shadow:0 8px 22px rgba(32,44,57,.105) !important;
}
/* Restore tonal depth to functional cards without affecting their click targets. */
body.rd-brand-page.rd-brand-configurator :is(.rs-summary-shell,.rs-summary-panel) {
  background:linear-gradient(160deg,#FCFAF5,#F7F3EE) !important;
}
/* The line-height/height decisions from V7 remain in force. */
@media (max-width:700px) {
 body.rd-brand-page.rd-brand-configurator,
 body.rd-brand-page.rd-brand-general,
 body.rd-brand-page.rd-brand-basket {
   background-image:linear-gradient(160deg,#FCFAF5 0%,#F5F1ED 75%,#EEE8E1 100%) !important;
   background-attachment:scroll !important;
 }
}