/* myrx-sidebar.css — Contact Us CTA + all sidebar nav borders
   Injected via nginx sub_filter link tag on all public + portal pages */

/* ── Contact Us CTA button (4th slot, orange) ── */
.hp-btn-contact{background:transparent!important;border:1.5px solid rgba(251,146,60,.7)!important;color:#fb923c!important;text-shadow:0 0 8px rgba(251,146,60,.9)!important;box-shadow:0 0 14px rgba(251,146,60,.5),inset 0 0 8px rgba(251,146,60,.1)!important}
.hp-btn-contact:hover{background:transparent!important;border-color:#fb923c!important;box-shadow:0 0 22px rgba(251,146,60,.9),0 0 44px rgba(251,146,60,.5),inset 0 0 16px rgba(251,146,60,.15)!important;transform:translateY(-1px)}
body.light .hp-btn-contact{border-color:rgba(200,100,0,.5)!important;color:#9a4e00!important;box-shadow:none!important;text-shadow:none!important}

/* ── Patient Portal + Provider Portal — brighter resting border ── */
.hp-btn-teal{border-color:rgba(0,213,213,.8)!important;box-shadow:0 0 14px rgba(0,213,213,.5),inset 0 0 8px rgba(0,213,213,.1)!important}
.hp-btn-teal:hover{border-color:#00d5d5!important;box-shadow:0 0 22px rgba(0,213,213,.9),0 0 44px rgba(0,213,213,.5),inset 0 0 16px rgba(0,213,213,.15)!important}
.hp-btn-sky{border-color:rgba(244,114,182,.8)!important;box-shadow:0 0 14px rgba(244,114,182,.5),inset 0 0 8px rgba(244,114,182,.1)!important}
.hp-btn-sky:hover{border-color:#f472b6!important;box-shadow:0 0 22px rgba(244,114,182,.9),0 0 44px rgba(244,114,182,.5),inset 0 0 16px rgba(244,114,182,.15)!important}
.hp-btn-ghost{border-color:rgba(74,222,128,.8)!important;box-shadow:0 0 14px rgba(74,222,128,.5),inset 0 0 8px rgba(74,222,128,.1)!important}
.hp-btn-ghost:hover{border-color:#4ade80!important;box-shadow:0 0 22px rgba(74,222,128,.9),0 0 44px rgba(74,222,128,.5),inset 0 0 16px rgba(74,222,128,.15)!important}
body.light .hp-btn-teal,body.light .hp-btn-sky,body.light .hp-btn-ghost{box-shadow:none!important}

/* ── Contact Us sidebar nav link (relative + absolute href) ── */
.hp-sidebar a[href="/contact.html"],.hp-sidebar a[href="https://myrxwallet.io/contact.html"]{border:1.5px solid rgba(251,146,60,.7)!important;color:#fb923c!important;text-shadow:0 0 8px rgba(251,146,60,.9)!important;box-shadow:0 0 12px rgba(251,146,60,.4),inset 0 0 8px rgba(251,146,60,.08)!important;background:transparent!important;border-radius:8px!important}
.hp-sidebar a[href="/contact.html"]:hover,.hp-sidebar a[href="https://myrxwallet.io/contact.html"]:hover{border-color:#fb923c!important;box-shadow:0 0 22px rgba(251,146,60,.9),0 0 44px rgba(251,146,60,.5),inset 0 0 16px rgba(251,146,60,.15)!important;transform:translateY(-1px)}
body.light .hp-sidebar a[href="/contact.html"],body.light .hp-sidebar a[href="https://myrxwallet.io/contact.html"]{border:none!important;box-shadow:none!important;text-shadow:none!important;color:inherit!important}

/* ── Contact Us in nav section — override orange back to teal ── */
.hp-sb-nav a[href="/contact.html"],.hp-sb-nav a[href="https://myrxwallet.io/contact.html"]{border:1.5px solid #00d5d5!important;color:inherit!important;text-shadow:none!important;box-shadow:0 0 6px rgba(0,213,213,.5)!important;background:transparent!important}
.hp-sb-nav a[href="/contact.html"]:hover,.hp-sb-nav a[href="https://myrxwallet.io/contact.html"]:hover{border-color:#00d5d5!important;box-shadow:0 0 20px rgba(0,213,213,.8),0 0 40px rgba(0,213,213,.3),inset 0 0 16px rgba(0,213,213,.1)!important;transform:none}

/* ── 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:0 0 14px rgba(0,213,213,.7),inset 0 0 8px rgba(0,213,213,.12)!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:0 0 12px rgba(0,213,213,.9)!important}
body.light .hp-sb-nav a.active,body.light .hp-sb-links a.active{background:rgba(0,150,150,.08)!important;border-color:rgba(0,150,150,.6)!important;box-shadow:none!important}

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

/* ── All scrollable sidebar nav items (COMPANY/PRODUCTS = .hp-sb-nav, LEGAL = .hp-sb-links) ── */
.hp-sb-nav a,.hp-sb-links a{border:1.5px solid #00d5d5!important;border-radius:8px!important;box-shadow:0 0 6px rgba(0,213,213,.5)!important;background:transparent!important;transition:border-color .15s,box-shadow .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:0 0 20px rgba(0,213,213,.8),0 0 40px rgba(0,213,213,.3),inset 0 0 16px rgba(0,213,213,.1)!important}
body.light .hp-sb-nav a,body.light .hp-sb-links a{border-color:rgba(0,150,150,.4)!important;box-shadow:none!important}
body.light .hp-sb-nav a:hover,body.light .hp-sb-links a:hover{border-color:rgba(0,150,150,.7)!important;box-shadow:none!important}

/* ── Icon box border — bright teal glow around each .hp-sb-icon (both nav + links sections) ── */
.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:0 0 8px rgba(0,213,213,.6),inset 0 0 6px rgba(0,213,213,.12)!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:0 0 14px rgba(0,213,213,.9),inset 0 0 8px rgba(0,213,213,.2)!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:rgba(0,150,150,.4)!important;box-shadow:none!important;background:rgba(0,150,150,.06)!important}