/* Regal Drapes V10 - consistent luxury modal and tonal page backgrounds.
   October 25, 2026. Load after V8 (and V9's inline popup compact fixes).
   Styling-only: no changes to Web Forms IDs, events or order data. */
:root {
  --rd10-ink:#202C39;
  --rd10-blue:#3E4E66;
  --rd10-ivory:#FCFAF5;
  --rd10-parchment:#F5F1ED;
  --rd10-bone:#E7E1DA;
  --rd10-line:#DDD7CF;
  --rd10-serif:'Gloock',Georgia,serif;
  --rd10-sans:'Raleway','Segoe UI',Arial,sans-serif;
}
/* Extend the same warm, seamless gradient used by the step-selection screen
   to the branded shopping, fabric, design, gallery and editorial page families.
   Home hero and compact sample-order popup are intentionally excluded. */
body.rd-brand-page:is(.rd-brand-configurator,.rd-brand-fabric,.rd-brand-editorial,.rd-brand-product,.rd-brand-design,.rd-brand-gallery,.rd-brand-review,.rd-brand-basket,.saved-designs-page):not(.rd-sample-compact-popup) {
  background-color:#F5F1ED !important;
  background-image:
    radial-gradient(ellipse 75% 480px at 50% 0%, rgba(252,250,245,.93) 0%, rgba(252,250,245,0) 100%),
    linear-gradient(157deg, #FCFAF5 0%, #F9F6F2 30%, #F5F1ED 63%, #EEE8E1 100%) !important;
  background-attachment:scroll,scroll !important;
  background-position:top center,top center !important;
  background-size:100% 1000px,100% 100% !important;
  background-repeat:no-repeat,no-repeat !important;
}
/* General content pages already receive a gradient from V8. Keep them unified
   without changing the white backdrop of embedded sample-request forms. */
body.rd-brand-page.rd-brand-general:not(.rd-sample-compact-popup):not(.rd-brand-home) {
  background-color:#F5F1ED !important;
  background-image:linear-gradient(157deg,#FCFAF5 0%,#F9F6F2 30%,#F5F1ED 63%,#EEE8E1 100%) !important;
  background-attachment:scroll !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
/* Apply the same subtle tonal treatment to step introductions without adding
   another panel, border or nested shadow. */
body.rd-brand-page.rd-brand-configurator #divHeaderSteps {
  background:linear-gradient(145deg,#FCFAF5 0%,#F9F6F2 55%,#F5F1ED 100%) !important;
  border-color:#E7E1DA !important;
}
body.rd-brand-page.rd-brand-configurator #divHeaderSteps :is(.config-header-table,.config-intro){
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}
/* The old HTML uses three separate Save My Design dialogs. Specifically target
   all their real header cells: the previous override omitted two of them. */
body.rd-brand-page.rd-brand-configurator #divSaveDesignNewUser .saveDesignHeaderFull,
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingHeaderCell,
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingHeaderClose,
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceHeaderCell,
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceHeaderClose {
  background-color:#3E4E66 !important;
  background-image:linear-gradient(120deg,#3E4E66 0%,#455770 100%) !important;
  color:#FFFFFF !important;
}
body.rd-brand-page.rd-brand-configurator :is(#divSaveDesignNewUser,#divSaveDesignExistingUser,#divNewUserOrSignIn),
body.rd-brand-page.rd-brand-configurator :is(#divSaveDesignNewUser,#divSaveDesignExistingUser,#divNewUserOrSignIn) * {
  font-family:var(--rd10-sans) !important;
}
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceHeaderTitle,
body.rd-brand-page.rd-brand-configurator #divSaveDesignNewUser .saveDesignHeaderTitle,
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingHeaderTitle {
  font-family:var(--rd10-serif) !important;
  font-size:19px !important;
  font-weight:400 !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;
  color:#FFFFFF !important;
}
body.rd-brand-page.rd-brand-configurator #divSaveDesignNewUser .saveDesignTable,
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingTable,
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceTable {
  background:linear-gradient(160deg,#FCFAF5 0%,#F5F1ED 100%) !important;
  border-color:#E7E1DA !important;
}
body.rd-brand-page.rd-brand-configurator :is(#divSaveDesignNewUser .saveDesignInput,#divSaveDesignExistingUser .saveDesignExistingInput) {
  background:#FFFFFF !important;
  border-color:#BCB8B1 !important;
  color:#202C39 !important;
}
body.rd-brand-page.rd-brand-configurator :is(#divSaveDesignNewUser .saveDesignInput,#divSaveDesignExistingUser .saveDesignExistingInput):focus {
  border-color:#3E4E66 !important;
  box-shadow:0 0 0 3px rgba(62,78,102,.13) !important;
}
/* Keep functional Save Design actions on dusty blue, not legacy sage. */
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingBtnInline,
body.rd-brand-page.rd-brand-configurator #divSaveDesignNewUser .saveDesignBtnInline,
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceBtn {
  background:#3E4E66 !important;
  color:#FFFFFF !important;
  border-color:#3E4E66 !important;
}
body.rd-brand-page.rd-brand-configurator #divSaveDesignExistingUser .saveDesignExistingBtnInline:hover,
body.rd-brand-page.rd-brand-configurator #divSaveDesignNewUser .saveDesignBtnInline:hover,
body.rd-brand-page.rd-brand-configurator #divNewUserOrSignIn .saveChoiceBtn:hover {
  background:#202C39 !important;
  border-color:#202C39 !important;
}
@media (max-width:700px) {
 body.rd-brand-page:not(.rd-brand-home):not(.rd-sample-compact-popup) {
   background-attachment:scroll !important;
   background-size:cover !important;
 }
}

/* REGAL V11 - consistent, visible but restrained editorial gradients and legacy pages.
   Existing HTML controls, event wiring, and data remain unchanged. */
body.rd-brand-page:not(.rd-brand-home):not(.rd-sample-compact-popup),
body.rd-brand-page.rd-brand-general:not(.rd-brand-home):not(.rd-sample-compact-popup) {
  background-color:#F5F1ED !important;
  background-image:
    radial-gradient(ellipse 90% 620px at 50% 0px, rgba(255,255,255,.90) 0%, rgba(255,255,255,0) 100%),
    linear-gradient(165deg, #FCFAF5 0%, #F9F6F2 34%, #EEE8E1 100%) !important;
  background-size:100% 880px,100% 100% !important;
  background-position:top center, top center !important;
  background-repeat:no-repeat,no-repeat !important;
  background-attachment:scroll,scroll !important;
  min-height:100vh;
}
/* Prevent a legacy table from hiding the background on mobile checkout. */
body.rd-brand-checkout-mobile > center > table {
  background:transparent !important;
  border:0 !important;
}
/* Checkout (desktop) - visually aligns with Gloock/Raleway configurator pages. */
body.rd-brand-checkout .luxury-shell {
  width:calc(100% - 32px);
  max-width:1120px;
  margin:24px auto 42px;
  background:linear-gradient(145deg,#FCFAF5 0%,#F5F1ED 100%) !important;
  border:1px solid #E7E1DA !important;
  box-shadow:0 14px 42px rgba(32,44,57,.08) !important;
  border-radius:16px !important;
  overflow:hidden;
}
body.rd-brand-checkout .luxury-titlebar {
  background:linear-gradient(110deg,#202C39,#3E4E66) !important;
  color:#FFFFFF !important;
  font-family:'Gloock',Georgia,serif !important;
  font-weight:400 !important;
  font-size:clamp(29px,3.1vw,38px) !important;
  line-height:1.2 !important;
  letter-spacing:-.016em !important;
  text-transform:none !important;
  border-radius:0 !important;
  padding:23px 18px !important;
}
body.rd-brand-checkout .luxury-frame {
  padding:clamp(18px,3.5vw,42px) clamp(18px,3.8vw,48px) 44px !important;
}
body.rd-brand-checkout .luxury-frame td[style*="font-size:16px"] {
  font-family:'Raleway',Arial,sans-serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  letter-spacing:.03em !important;
  color:#202C39 !important;
}
body.rd-brand-checkout .luxury-frame .luxury-card,
body.rd-brand-checkout .luxury-frame table[style*="background-color:#f5eee4"] {
  background:rgba(252,250,245,.83) !important;
  border:1px solid #E7E1DA !important;
  border-radius:12px !important;
  box-shadow:0 5px 17px rgba(32,44,57,.045) !important;
}
body.rd-brand-checkout .luxury-frame input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
body.rd-brand-checkout .luxury-frame :is(select,textarea) {
  font:400 14px/1.4 'Raleway',Arial,sans-serif !important;
  color:#202C39 !important;
  background:#FFFFFF !important;
  border:1px solid #BCB8B1 !important;
  border-radius:6px !important;
  padding:7px 9px !important;
  min-height:32px;
  max-width:100%;
}
body.rd-brand-checkout .luxury-frame :is(input,select,textarea):focus {
  border-color:#3E4E66 !important;
  box-shadow:0 0 0 3px rgba(62,78,102,.13) !important;
}
body.rd-brand-checkout .luxury-frame input.rdButtonGreen1 {
  background:#3E4E66 !important;
  border-color:#3E4E66 !important;
  color:#FFFFFF !important;
  border-radius:6px !important;
  box-shadow:none !important;
  font:600 12px/1.15 'Raleway',Arial,sans-serif !important;
  letter-spacing:.04em !important;
  min-height:37px;
  padding:9px 16px !important;
}
body.rd-brand-checkout .luxury-frame input.rdButtonOrangeND {
  background:#202C39 !important;
  border:1px solid #202C39 !important;
  color:#FFFFFF !important;
  border-radius:6px !important;
  box-shadow:0 5px 16px rgba(32,44,57,.13) !important;
  font:600 15px/1.2 'Raleway',Arial,sans-serif !important;
  letter-spacing:.035em !important;
  text-align:center;
  min-height:46px;
  padding:11px 16px !important;
}
body.rd-brand-checkout .luxury-frame input.rdButtonOrangeND:hover {
  background:#3E4E66 !important;
  border-color:#3E4E66 !important;
}
body.rd-brand-checkout .luxury-frame .rd-terms-wrapper,
body.rd-brand-checkout .luxury-frame .rd-terms > summary {
  color:#404952 !important;
}
body.rd-brand-checkout .luxury-frame .rd-terms > summary { color:#3E4E66 !important; }
/* Checkout mobile: preserve the existing 315px table layout and payment controls. */
body.rd-brand-checkout-mobile,
body.rd-brand-checkout-mobile :is(input,select,textarea,button) { font-family:'Raleway',Arial,sans-serif !important; }
body.rd-brand-checkout-mobile form#frmCheckOut > table { max-width:100%; }
body.rd-brand-checkout-mobile form#frmCheckOut table[style*="background-color:#f5eee4"] {
  background:linear-gradient(145deg,#FCFAF5,#F5F1ED) !important;
  border:1px solid #E7E1DA !important;
  border-radius:10px;
}
body.rd-brand-checkout-mobile form#frmCheckOut :is(input[type=text],input[type=password],select,textarea) {
  background:#FFFFFF !important;
  border:1px solid #BCB8B1 !important;
  border-radius:6px !important;
  min-height:34px;
  max-width:100%;
  box-sizing:border-box;
  color:#202C39 !important;
  font:400 14px/1.3 'Raleway',Arial,sans-serif !important;
}
body.rd-brand-checkout-mobile form#frmCheckOut input.rdButtonGreen1,
body.rd-brand-checkout-mobile form#frmCheckOut input.rdButtonOrangeND {
  background:#202C39 !important;
  border-color:#202C39 !important;
  color:#FFFFFF !important;
  border-radius:6px !important;
  font:600 13px/1.3 'Raleway',Arial,sans-serif !important;
  letter-spacing:.035em !important;
  min-height:42px;
  box-shadow:none !important;
}
/* Valance desktop - same card language as Roman shade style selection. */
body.vs-style-page.rd-brand-configurator .valance-shell {
  background:transparent !important;
  max-width:calc(100% - 20px);
}
body.vs-style-page.rd-brand-configurator .valance-header-card {
  max-width:100%;
  background:linear-gradient(145deg,#FCFAF5,#F5F1ED) !important;
  border:1px solid #E7E1DA !important;
  box-shadow:0 10px 26px rgba(32,44,57,.055) !important;
  border-radius:16px !important;
}
body.vs-style-page.rd-brand-configurator .valance-intro h1 {
  color:#202C39 !important;
  font:400 clamp(32px,3.6vw,46px)/1.15 'Gloock',Georgia,serif !important;
  text-transform:none !important;
  letter-spacing:-.022em !important;
}
body.vs-style-page.rd-brand-configurator .valance-title {
  font:400 23px/1.2 'Gloock',Georgia,serif !important;
  text-transform:none !important;
  letter-spacing:-.018em !important;
  color:#202C39 !important;
}
body.vs-style-page.rd-brand-configurator .valance-card {
  background:linear-gradient(160deg,#FFFFFF,#FCFAF5) !important;
  border:1px solid #E7E1DA !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(32,44,57,.055) !important;
}
body.vs-style-page.rd-brand-configurator .valance-meta,
body.vs-style-page.rd-brand-configurator .valance-subtitle,
body.vs-style-page.rd-brand-configurator .valance-desc,
body.vs-style-page.rd-brand-configurator .valance-detail {
  font-family:'Raleway',Arial,sans-serif !important;
  color:#404952 !important;
}
body.vs-style-page.rd-brand-configurator .valance-select-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:38px !important;
  min-height:38px !important;
  min-width:194px !important;
  padding:0 18px !important;
  background:#202C39 !important;
  border:1px solid #202C39 !important;
  border-radius:6px !important;
  box-shadow:0 4px 12px rgba(32,44,57,.10) !important;
  color:#FFFFFF !important;
  font:600 12px/1.1 'Raleway',Arial,sans-serif !important;
  text-transform:uppercase;
  letter-spacing:.075em !important;
}
body.vs-style-page.rd-brand-configurator .valance-select-btn:hover {
  background:#3E4E66 !important;
  border-color:#3E4E66 !important;
}
/* Valance mobile (legacy tables) - maintain existing gallery JS and links. */
body.rd-brand-valance-mobile :is(.mainText,span[style*="font-size:18px"]) {
  font-family:'Gloock',Georgia,serif !important;
  color:#202C39 !important;
  letter-spacing:-.018em !important;
}
body.rd-brand-valance-mobile table[style*="background-color:#f0f0f0"] {
  background:linear-gradient(155deg,#FFFFFF,#FCFAF5) !important;
  border:1px solid #E7E1DA;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(32,44,57,.055);
}
body.rd-brand-valance-mobile a.rdButtonOrangeND {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 20px !important;
  border-radius:6px !important;
  color:#FFFFFF !important;
  background:#202C39 !important;
  font:600 12px/1.2 'Raleway',Arial,sans-serif !important;
  letter-spacing:.03em !important;
}
body.rd-brand-valance-mobile span[style*="color:#66A00D"] {color:#202C39 !important;}
@media(max-width:700px) {
  body.rd-brand-checkout .luxury-frame {padding:18px 12px 28px !important;}
  body.rd-brand-checkout .luxury-titlebar {padding:18px !important;}
  body.vs-style-page .valance-intro-cell {padding:24px 18px !important;}
}