/* myrx-sidebar.css — sidebar nav borders, CTA buttons, day/dark theme
   Loaded by all public pages via <link> in HTML. Portals served from EC2. */

/* ── Contact Us CTA button (4th slot) ── */
/* Static glow (not routed through the JS accent-lock sweep, which only recognizes
   teal/pink/sage as "accent" colors — orange was being left out, so this button
   alone lost its border opacity/glow on every sweep. See flip() guard clause below. */
.hp-btn-contact{background:transparent!important;border:1.5px solid #ff9500!important;color:#ff9500!important;box-shadow:0 0 8px rgba(255,149,0,.35),inset 0 0 4px rgba(255,149,0,.08)!important;text-shadow:none!important}
.hp-btn-contact:hover{background:transparent!important;border-color:#ff9500!important;box-shadow:0 0 14px rgba(255,149,0,.55),inset 0 0 4px rgba(255,149,0,.08)!important;transform:translateY(-1px)}
body.light .hp-btn-contact{border-color:#ff9500!important;color:#ff9500!important;box-shadow:0 0 8px rgba(255,149,0,.25),inset 0 0 4px rgba(255,149,0,.06)!important;text-shadow:none!important}

/* ── CTA sticky top buttons (Patient Portal / Provider Portal / Sign Up Free) ── */
.hp-btn-teal{background:transparent!important;border:1.5px solid #00d5d5!important;color:#00d5d5!important;box-shadow:none!important;text-shadow:none!important}
.hp-btn-sky{background:transparent!important;border:1.5px solid #f472b6!important;color:#f472b6!important;box-shadow:none!important;text-shadow:none!important}
.hp-btn-ghost{background:transparent!important;border:1.5px solid #86efac!important;color:#86efac!important;box-shadow:none!important;text-shadow:none!important}
/* Light mode CTA: colored text, matching border */
body.light .hp-btn-teal{border-color:#00d5d5!important;color:#00d5d5!important;box-shadow:none!important;text-shadow:none!important}
body.light .hp-btn-sky{border-color:#f472b6!important;color:#f472b6!important;box-shadow:none!important;text-shadow:none!important}
body.light .hp-btn-ghost{border-color:#86efac!important;color:#86efac!important;box-shadow:none!important;text-shadow:none!important}

/* ── All scrollable sidebar nav items (PLATFORM/COMPANY/LEGAL/.hp-sb-links) ── */
.hp-sb-nav a,.hp-sb-links a{border:1.5px solid #00d5d5!important;border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;background:transparent!important;transition:border-color .15s!important;font-size:12px!important;font-weight:600!important;padding:6px 8px!important;gap:8px!important;margin-bottom:1px!important}
.hp-sb-nav a:hover,.hp-sb-links a:hover{border-color:#00d5d5!important;box-shadow:none!important}
/* Light mode: black text, 100% teal border */
body.light .hp-sb-nav a,body.light .hp-sb-links a{border-color:#00d5d5!important;box-shadow:none!important;text-shadow:none!important}
body.light .hp-sb-nav a:hover,body.light .hp-sb-links a:hover{border-color:#00d5d5!important;box-shadow:none!important}

/* ── Active tab state ── */
.hp-sb-nav a.active,.hp-sb-links a.active{background:rgba(0,213,213,.12)!important;border-color:#00d5d5!important;box-shadow:none!important}
.hp-sb-nav a.active .hp-sb-icon,.hp-sb-links a.active .hp-sb-icon{background:rgba(0,213,213,.2)!important;box-shadow:none!important}
body.light .hp-sb-nav a.active,body.light .hp-sb-links a.active{background:rgba(0,213,213,.1)!important;border-color:#00d5d5!important;box-shadow:none!important}

/* ── Icon box border ── */
.hp-sb-nav .hp-sb-icon,.hp-sb-links .hp-sb-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #00d5d5!important;border-radius:5px!important;box-shadow:none!important;background:rgba(0,213,213,.08)!important;padding:3px!important;box-sizing:content-box!important;min-width:18px!important}
.hp-sb-nav a:hover .hp-sb-icon,.hp-sb-links a:hover .hp-sb-icon{box-shadow:none!important;background:rgba(0,213,213,.15)!important}
body.light .hp-sb-nav .hp-sb-icon,body.light .hp-sb-links .hp-sb-icon{border-color:#00d5d5!important;box-shadow:none!important;background:rgba(0,213,213,.06)!important}

/* ── Section labels (PLATFORM / COMPANY / LEGAL dividers) ── */
.hp-sb-section-label{letter-spacing:1.5px;display:block;padding:3px 6px!important;background:rgba(0,213,213,.05);border-radius:2px}
.hp-sb-section-label::before,.hp-sb-section-label::after{content:"";display:block;height:1px;background:#00d5d5;box-shadow:none;margin:0 -6px}
.hp-sb-section-label::before{margin-bottom:2px}
.hp-sb-section-label::after{margin-top:2px}
body.light .hp-sb-section-label{text-shadow:none!important}
body.light .hp-sb-section-label::before,body.light .hp-sb-section-label::after{background:#00d5d5;box-shadow:none}

/* ── Rail labels ── */
.hp-sb-rail-lbl{}
#hpFixedRail .hp-sb-rail-lbl{display:block;padding:3px 2px!important;background:rgba(0,213,213,.05);border-radius:2px;margin:2px 4px!important}
#hpFixedRail .hp-sb-rail-lbl::before,#hpFixedRail .hp-sb-rail-lbl::after{content:"";display:block;height:1px;background:#00d5d5;box-shadow:none}
#hpFixedRail .hp-sb-rail-lbl::before{margin-bottom:2px}
#hpFixedRail .hp-sb-rail-lbl::after{margin-top:2px}

/* ── Utility row (EN / 🌙 / ↔ buttons) ── */
#hp-desk-util-row button{border:1px solid #00d5d5!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
#hp-desk-util-row button svg{stroke:#00d5d5!important}
body.light #hp-desk-util-row button{border-color:#00d5d5!important;box-shadow:none!important}
body.light #hp-desk-util-row button svg{stroke:#000000!important}

/* ── Legal section container — remove indent padding ── */
.hp-sb-links{padding:0!important}

/* ── Sidebar outer glow — dark mode only (matches homepage) ── */
html body:not(.pink):not(.sage):not(.light) .hp-sidebar{box-shadow:none!important;border-color:#00d5d5!important}

/* ── Forward-looking statement bar — hidden ── */
#myrx-fwd-disclaimer{display:none!important}

/* ── Mobile fixed rail — day mode icon borders ── */
@media(max-width:900px){
  #hpFixedRail .hp-sb-rail-btn{border:1px solid #00d5d5!important;box-shadow:none!important;background:rgba(0,213,213,.07)!important}
  #hpFixedRail .hp-sb-rail-btn:hover,#hpFixedRail .hp-sb-rail-btn.active{border-color:#00d5d5!important;box-shadow:none!important;background:rgba(0,213,213,.14)!important}
  body.light #hpFixedRail .hp-sb-rail-btn{border:1px solid #00d5d5!important;box-shadow:none!important;background:none!important}
  body.light #hpFixedRail .hp-sb-rail-btn:not(.active){border:1px solid #00d5d5!important;box-shadow:none!important;background:none!important}
}