/* ================================================================
   Stonebridge Professional Polish R4 — 2026-08-27
   Scope: (1) premium consultation dropdowns, (2) continuous bridge
   continuity for the R3-polished normal pages. No chat/admin/form
   handler/booking changes.
   ================================================================ */

/* ----- Continuous bridge environment ----- */
body.sb-r4-bridge-continuity{
  --sb-r4-bridge-brightness:.60;
  background:transparent!important;
  isolation:isolate;
}
body.sb-r4-bridge-continuity .sb-r4-bridge-layer{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(4,4,4,.12) 0%,rgba(5,5,5,.18) 46%,rgba(5,5,5,.28) 100%),
    url('/assets/images/stonebridge-bridge-approved-4k.webp');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  filter:brightness(var(--sb-r4-bridge-brightness));
  transform:translateZ(0);
  will-change:filter;
}
body.sb-r4-bridge-continuity .page-hero-bg,
body.sb-r4-bridge-continuity .home-hero-bg{display:none!important}
body.sb-r4-bridge-continuity .page-hero,
body.sb-r4-bridge-continuity main>section,
body.sb-r4-bridge-continuity main>article{
  background-color:transparent!important;
  background-image:none!important;
}
body.sb-r4-bridge-continuity .sb-consult-form-card,
body.sb-r4-bridge-continuity .sb-consult-side,
body.sb-r4-bridge-continuity .sb-location-card,
body.sb-r4-bridge-continuity .sb-legal-toc,
body.sb-r4-bridge-continuity .sb-faq-item,
body.sb-r4-bridge-continuity .sb-faq-card{
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
@media(max-width:700px){
  body.sb-r4-bridge-continuity .sb-r4-bridge-layer{
    background-position:52% top;
    background-size:auto 100vh;
  }
}
@media(prefers-reduced-motion:reduce){
  body.sb-r4-bridge-continuity .sb-r4-bridge-layer{will-change:auto}
}

/* ----- Consultation custom selects ----- */
body.sb-contact-polish .sb-r4-select-shell{position:relative;width:100%}
body.sb-contact-polish .sb-r4-select-native[hidden]{display:none!important}
body.sb-contact-polish .sb-r4-select-trigger{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 48px 0 18px;
  border:1px solid rgba(194,153,78,.58);
  border-radius:15px;
  background:rgba(15,16,18,.96);
  color:rgba(255,255,255,.94);
  font:inherit;
  font-size:15px;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.11);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  position:relative;
}
body.sb-contact-polish .sb-r4-select-trigger:hover{
  border-color:rgba(210,174,108,.78);
  background:rgba(18,19,21,.98);
}
body.sb-contact-polish .sb-r4-select-trigger:focus-visible,
body.sb-contact-polish .sb-r4-select-shell[data-open="1"] .sb-r4-select-trigger{
  outline:none;
  border-color:#c9a46b;
  box-shadow:0 0 0 3px rgba(201,164,107,.13),inset 0 1px 0 rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.16);
}
body.sb-contact-polish .sb-r4-select-trigger::before,
body.sb-contact-polish .sb-r4-select-trigger::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:7px;
  height:1.5px;
  border-radius:2px;
  background:rgba(255,255,255,.9);
  transform-origin:center;
  transition:transform .18s ease;
}
body.sb-contact-polish .sb-r4-select-trigger::before{transform:translate(-2px,-50%) rotate(45deg)}
body.sb-contact-polish .sb-r4-select-trigger::after{transform:translate(3px,-50%) rotate(-45deg)}
body.sb-contact-polish .sb-r4-select-shell[data-open="1"] .sb-r4-select-trigger::before{transform:translate(-2px,-50%) rotate(-45deg)}
body.sb-contact-polish .sb-r4-select-shell[data-open="1"] .sb-r4-select-trigger::after{transform:translate(3px,-50%) rotate(45deg)}
body.sb-contact-polish .sb-r4-select-trigger[data-placeholder="1"]{color:rgba(255,255,255,.76)}
body.sb-contact-polish .sb-r4-select-shell[data-invalid="1"] .sb-r4-select-trigger{
  border-color:#d29a78;
  box-shadow:0 0 0 3px rgba(210,154,120,.11);
}
.sb-r4-select-menu{
  position:fixed;
  z-index:2147483000;
  min-width:180px;
  max-width:calc(100vw - 16px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:6px;
  border:1px solid rgba(194,153,78,.54);
  border-radius:12px;
  background:#131416;
  box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
  scrollbar-width:thin;
  scrollbar-color:rgba(201,164,107,.42) rgba(255,255,255,.04);
}
.sb-r4-select-menu::-webkit-scrollbar{width:8px}
.sb-r4-select-menu::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:8px}
.sb-r4-select-menu::-webkit-scrollbar-thumb{background:rgba(201,164,107,.38);border-radius:8px}
.sb-r4-select-group{
  padding:10px 12px 6px;
  color:#c9a46b;
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sb-r4-select-option{
  appearance:none;
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:10px 13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.94);
  font:inherit;
  font-size:14px;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
}
.sb-r4-select-option:hover,
.sb-r4-select-option[data-active="1"]{background:rgba(255,255,255,.07)}
.sb-r4-select-option[aria-selected="true"]{
  background:rgba(201,164,107,.16);
  color:#f4e4c7;
  box-shadow:inset 2px 0 0 #c9a46b;
}
.sb-r4-select-option:disabled,
.sb-r4-select-option[aria-disabled="true"]{
  color:rgba(255,255,255,.44);
  cursor:default;
}
.sb-r4-select-option:disabled:hover,
.sb-r4-select-option[aria-disabled="true"]:hover{background:transparent}
@media(max-width:620px){
  body.sb-contact-polish .sb-r4-select-trigger{min-height:52px;border-radius:13px;padding-left:15px}
  .sb-r4-select-menu{border-radius:11px;padding:5px}
  .sb-r4-select-option{min-height:44px;font-size:14px}
}