/* ria.bext.dev: styles of what the copy adds (demo bar, test tools, demo pages).
   The original theme's styles are untouched. */
:root{--ria-red:#de0447;--ria-ink:#1d1d1f;--ria-line:#e3e3e6;--ria-soft:#f6f6f7;--ria-yellow:#f2b31b}

.ria-demo-strip{background:#f2f2f3;color:var(--ria-ink);text-align:center;font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px;border-bottom:1px solid var(--ria-line)}
.ria-demo-strip a{color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:8px;white-space:nowrap}
.ria-debug-toggle{margin-left:12px;border:1px solid var(--ria-ink);background:var(--ria-ink);color:#fff;border-radius:3px;padding:2px 10px;font:700 12px/1.4 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.ria-debug-toggle[aria-expanded=true]{background:var(--ria-yellow);border-color:var(--ria-yellow);color:var(--ria-ink)}
.ria-debug-toggle[hidden]{display:none}

.ria-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ria-ink);color:#fff;padding:12px 18px;border-radius:6px;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;z-index:100000;max-width:min(560px,calc(100vw - 32px))}
.ria-toast[hidden]{display:none}

.ria-dialog{border:0;border-radius:8px;padding:24px;max-width:min(440px,calc(100vw - 32px));font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.ria-dialog::backdrop{background:rgba(0,0,0,.45)}
.ria-dialog h2{margin:0 0 8px;font-size:20px}
.ria-dialog label{display:grid;gap:6px;font-weight:600;margin:14px 0 4px}
.ria-dialog input{border:1px solid #bbb;border-radius:4px;padding:9px 10px;font:inherit}
.ria-error{color:#a3122a;min-height:1.2em}
.ria-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ria-acts a,.ria-acts button{border:1px solid var(--ria-line);background:#fff;color:var(--ria-ink);border-radius:4px;padding:6px 12px;font:600 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;cursor:pointer}
.ria-acts .ria-primary{background:var(--ria-red);border-color:var(--ria-red);color:#fff}

/* checkout and sign-in test helpers */
.ria-test-box{border:1px dashed #b9b9bf;background:var(--ria-soft);border-radius:6px;padding:12px 14px;margin:0 0 14px;font-size:14px}
.ria-test-box fieldset{border:0;margin:8px 0 0;padding:0;display:grid;gap:4px}
.ria-test-box legend{font-weight:600;margin-bottom:4px}
.ria-test-box label{display:flex;gap:8px;align-items:center;font-weight:400}
.ria-quick{display:grid;gap:6px;border:1px dashed #b9b9bf;background:var(--ria-soft);border-radius:6px;padding:12px;margin:0 0 14px;font-size:13px;text-align:left}
.ria-quick>span{color:#555}
.ria-quick button{display:grid;gap:2px;text-align:left;border:1px solid var(--ria-line);background:#fff;border-radius:4px;padding:7px 10px;cursor:pointer;color:var(--ria-ink)}
.ria-quick small{color:#666;font-size:12px}

/* debug panel */
.ria-debug{position:fixed;top:0;right:0;bottom:0;width:min(430px,100vw);background:#1b1f27;color:#e6e9ee;z-index:99990;overflow:auto;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:-8px 0 30px rgba(0,0,0,.3);text-align:left}
.ria-debug[hidden]{display:none}
body.ria-debug-on{padding-right:min(430px,100vw)}
.ria-debug header{position:sticky;top:0;background:#12151b;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;font-size:16px;z-index:1}
.ria-debug button,.ria-debug .ria-acts a{border:1px solid #4a5160;background:#2a303b;color:#fff;border-radius:3px;padding:4px 10px;font:600 13px/1.3 inherit;margin-left:6px;cursor:pointer;text-decoration:none}
.ria-debug .ria-acts button,.ria-debug .ria-acts a{margin:0}
.ria-debug section{padding:14px 16px;border-top:1px solid #333a47}
.ria-debug h4{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ria-yellow)}
.ria-debug dl{margin:0;display:grid;gap:8px}
.ria-debug .kv{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px}
.ria-debug dt{color:#9aa3b2}
.ria-debug dd{margin:0;overflow-wrap:anywhere}
.ria-debug code{font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#b8c7e0}
.ria-debug a{color:#fff}
.ria-debug p{margin:0 0 8px}
.ria-debug .hint{color:#9aa3b2;font-size:13px}
.ria-debug .call{border:1px solid #333a47;border-radius:3px;margin-bottom:6px;background:#20252e}
.ria-debug .call.bad{border-color:#8a2b32}
.ria-debug summary{cursor:pointer;padding:7px 10px;font-weight:600;display:flex;gap:8px;align-items:baseline;font-size:13px}
.ria-debug summary .m{color:var(--ria-yellow);min-width:36px}
.ria-debug .t{margin-left:auto;color:#9aa3b2;font-size:12px;white-space:nowrap}
.ria-debug ol{margin:0;padding:4px 10px 10px 30px;display:grid;gap:5px;font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ria-debug li{overflow-wrap:anywhere}
.ria-debug li .t{float:right;margin-left:8px}
.ria-debug .who{display:inline-block;background:#3d4452;border-radius:2px;padding:0 5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ria-debug .who.op{background:#6b4a0e}
.ria-debug .who.rd{background:#1f5a3c}
.ria-debug .err,.ria-debug li.bad{color:#ff9aa2}
.ria-debug .call p{padding:0 10px 8px}
.pill{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;background:#e9e9ec;color:#333}
.pill.on{background:#1f7a4d;color:#fff}
.pill.off{background:#a3122a;color:#fff}

/* demo pages (/connexions/, /mahalo/) */
.ria-demo{display:grid;gap:22px;text-align:left;font-size:15px;line-height:1.55}
.ria-lede{font-size:17px;margin:0;max-width:820px}
.ria-demo .hint{color:#666;font-size:13px;margin:0}
.ria-status{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ria-card{border:1px solid var(--ria-line);background:#fff;padding:16px;display:grid;gap:8px;align-content:start}
.ria-card-head{display:flex;gap:8px;align-items:center}
.ria-card h3{margin:0;font-size:16px;flex:1}
.ria-card p{margin:0}
.ria-card .dot{width:10px;height:10px;border-radius:50%;background:#1f7a4d;flex:none}
.ria-card.warn .dot{background:var(--ria-yellow)}
.ria-card.down .dot{background:#a3122a}
.ria-card .word{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555}
.ria-card dl{margin:0;display:grid;gap:4px;font-size:13px}
.ria-card dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--ria-line);padding-top:4px}
.ria-card dt{color:#666}
.ria-card dd{margin:0;font-weight:600;text-align:right}
.ria-panel{border:1px solid var(--ria-line);background:#fff;padding:18px 20px}
.ria-panel h2{font-size:20px;margin:0 0 10px}
.ria-panel h3{font-size:16px;margin:14px 0 6px}
.ria-panel ol{margin:0;padding-left:20px;display:grid;gap:6px}
.ria-panel p{margin:0 0 10px}
.ria-note{background:#fff8e6;border:1px solid #f0d58a;padding:12px 14px;margin-top:12px}
.ria-note pre{white-space:pre-wrap;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:8px 0 0}
.ria-link{border:0;background:none;color:var(--ria-red);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.ria-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ria-tiles div{border:1px solid var(--ria-line);background:#fff;padding:14px;display:grid;gap:2px}
.ria-tiles b{font-size:26px;color:var(--ria-red)}
.ria-tiles span{font-size:13px;color:#555}
.ria-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.ria-flow .node{border:1px solid var(--ria-line);background:#fff;padding:10px 12px;display:grid;min-width:120px}
.ria-flow .node.main{border-color:var(--ria-red)}
.ria-flow .node span{color:#666}
.ria-flow .link{display:grid;color:#555;font-style:normal}
.ria-flow .link i{font-style:normal}
.ria-flow .link i::before{content:"\2192  "}
.ria-flow .link.two i::before{content:""}
.ria-flow .ok{color:#1f7a4d}
.ria-flow .no{color:#a3122a}
.ria-scroll{overflow-x:auto}
.ria-panel table{width:100%;border-collapse:collapse;font-size:13.5px}
.ria-panel th,.ria-panel td{border-bottom:1px solid var(--ria-line);padding:7px 8px;text-align:left;vertical-align:top}
.ria-panel tr.hl td{background:#fdecef}
.ria-panel small{color:#666}
.ria-hooks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ria-hooks>div{border:1px solid var(--ria-line);padding:10px 12px}
.ria-hooks h3{margin:0 0 6px;font-size:14px}
.ria-hooks p{display:flex;gap:8px;justify-content:space-between;margin:0;font-size:13px}
.ria-dl{display:grid;gap:4px;margin:0 0 8px}
.ria-dl div{display:flex;gap:10px}
.ria-dl dt{color:#666;min-width:140px}
.ria-dl dd{margin:0}

@media (max-width:980px){.ria-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body.ria-debug-on{padding-right:0}}
@media (max-width:640px){.ria-debug-toggle{display:inline-block;margin:4px 0 0 8px}.ria-debug .kv{grid-template-columns:1fr;gap:2px}}

/* Public environment context, present without unlocking test tools. */
.ria-demo-strip{display:grid;gap:5px;text-transform:none;letter-spacing:0;padding:8px 16px}
.ria-environment-label{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.ria-environment-label strong{font-weight:800}
.ria-demo-strip nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px}
.ria-demo-strip nav a{margin:0;white-space:normal}
.ria-connection-context{margin:0 0 24px;padding:20px;background:#fafafa;border:1px solid var(--ria-line);border-top:4px solid var(--ria-red);text-align:left;font-size:15px;line-height:1.55}
.ria-connection-context h2{margin:0 0 12px;font-size:23px}
.ria-connection-context .hint{font-size:13px;color:#555;margin:12px 0 0}
.ria-connection-facts{display:grid;gap:8px;margin:0 0 16px}
.ria-connection-facts>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px}
.ria-connection-facts dt{font-weight:700}.ria-connection-facts dd{margin:0;overflow-wrap:anywhere}
.ria-site-guide{margin-top:16px;padding-top:12px;border-top:1px solid var(--ria-line)}
.ria-site-guide summary{font-weight:700;cursor:pointer}.ria-site-guide p{margin:8px 0}
.ria-site-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.ria-site-options article{padding:12px;border:1px solid var(--ria-line);background:white}
.ria-site-options h3{font-size:17px;margin:0}.ria-site-options a{color:var(--ria-red);text-decoration:underline}
@media(max-width:640px){.ria-connection-context{padding:16px}.ria-connection-facts>div{grid-template-columns:1fr;gap:2px}.ria-site-options{grid-template-columns:1fr}.ria-status{grid-template-columns:minmax(0,1fr)}.ria-card-head{flex-wrap:wrap}.ria-card dl div{flex-wrap:wrap}.ria-card dd{text-align:left;overflow-wrap:anywhere}}

.ria-catalogue{max-width:1100px;margin:40px auto;padding:24px}.ria-catalogue .products{display:flex;gap:32px;flex-wrap:wrap;list-style:none;padding:0}.ria-catalogue .products li{flex:1;min-width:240px;max-width:400px}.ria-catalogue .products img{width:180px;height:234px;object-fit:contain}.ria-catalogue .products .button{display:block;margin-top:20px;padding:12px;background:#007ab4;color:white}