/* BOLTON RFQ Basket — unlayered, dual-mode, reduced-motion safe. */

/* Add buttons */
.bolton-rfqb-add{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.65em 1.25em;border-radius:10px;border:1px solid #C9A227;background:#C9A227;color:#0A1A2F;font:700 .95rem/1 var(--bx-font-sans,sans-serif);cursor:pointer;width:100%}
.bolton-rfqb-add:hover{background:#D9B45B;border-color:#D9B45B}
.bolton-rfqb-add:focus-visible{outline:3px solid #7FB0E8;outline-offset:2px}
.bolton-rfqb-add--card{min-height:40px;font-size:.82rem;margin-top:.4rem}
.single-product .product-rfq .bolton-rfqb-add{margin-bottom:.55rem}
.single-product .product-rfq > a.btn{display:inline-block;margin-top:.15rem;font-size:.82rem;opacity:.85}

/* Header count */
.bolton-rfqb-headcount{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#C9A227;color:#0A1A2F;font:700 10px/16px var(--bx-font-mono,monospace);text-align:center;opacity:.35}
.bolton-rfqb-headcount.is-active{opacity:1}

/* Floating bubble — bottom-LEFT (WhatsApp owns bottom-right) */
#bolton-rfqb-bubble{position:fixed;left:18px;bottom:18px;z-index:9998;display:flex;align-items:center;gap:.5rem;padding:.7rem .95rem;border-radius:999px;border:1px solid #C9A227;background:#0E2238;color:#F4F7FB;cursor:pointer;box-shadow:0 8px 28px -10px rgba(0,0,0,.5)}
#bolton-rfqb-bubble:hover{background:#16304A}
#bolton-rfqb-bubble.is-hidden{display:none}
.bolton-rfqb-bubble__t{font:700 .8rem/1 var(--bx-font-mono,monospace);letter-spacing:.08em}
.bolton-rfqb-bubble__n{min-width:20px;height:20px;border-radius:10px;background:#C9A227;color:#0A1A2F;font:700 12px/20px var(--bx-font-mono,monospace);text-align:center}

/* Drawer */
#bolton-rfqb-panel .bolton-rfqb-overlay{position:fixed;inset:0;background:rgba(6,14,26,.55);z-index:9998}
#bolton-rfqb-panel .bolton-rfqb-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,96vw);z-index:9999;display:flex;flex-direction:column;background:#0E2238;color:#EAF0F7;border-left:1px solid rgba(201,162,39,.4);box-shadow:-18px 0 44px -20px rgba(0,0,0,.6);overflow-y:auto;padding:0 0 24px}
html.bolton-rfqb-lock{overflow:hidden}
.bolton-rfqb-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:inherit;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.bolton-rfqb-head h2{margin:0;font:700 1.1rem/1.2 var(--bx-font-display,sans-serif);color:#EAF0F7}
.bolton-rfqb-head__n{display:inline-block;min-width:22px;padding:0 6px;border-radius:11px;background:#C9A227;color:#0A1A2F;font:700 13px/22px var(--bx-font-mono,monospace);text-align:center}
.bolton-rfqb-close{background:none;border:0;color:#EAF0F7;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.bolton-rfqb-close:focus-visible{outline:3px solid #7FB0E8}
.bolton-rfqb-empty,.bolton-rfqb-done{padding:22px 18px;color:#C5D2E0;font-size:.95rem;line-height:1.55}
.bolton-rfqb-list{list-style:none;margin:0;padding:6px 18px}
.bolton-rfqb-line{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bolton-rfqb-line__top{display:flex;gap:.6rem;align-items:flex-start;justify-content:space-between}
.bolton-rfqb-line__title{color:#EAF0F7;font:600 .9rem/1.35 var(--bx-font-sans,sans-serif);text-decoration:none}
.bolton-rfqb-line__title:hover{color:#D9B45B}
.bolton-rfqb-line__rm{background:none;border:0;color:#9DB0C4;font-size:20px;cursor:pointer;padding:0 2px}
.bolton-rfqb-line__rm:hover{color:#E86F6F}
.bolton-rfqb-line__meta{margin:.25rem 0 .4rem;font:500 .74rem/1.4 var(--bx-font-mono,monospace);color:#9DB0C4}
.bolton-rfqb-line__ctrl label{font-size:.8rem;color:#C5D2E0}
.bolton-rfqb-line__ctrl input{width:76px;margin-left:.4rem;padding:.35em .5em;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#16304A;color:#EAF0F7}
.bolton-rfqb-line__docs{margin-top:.5rem}
.bolton-rfqb-line__docs summary{cursor:pointer;font-size:.78rem;color:#C9A227}
.bolton-rfqb-docs{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:.5rem 0}
.bolton-rfqb-doc{font-size:.78rem;color:#C5D2E0;display:inline-flex;gap:.35rem;align-items:center}
.bolton-rfqb-docother,.bolton-rfqb-notes{width:100%;margin-top:.45rem;padding:.5em .6em;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#16304A;color:#EAF0F7;font-size:.82rem}
.bolton-rfqb-notes{min-height:64px;resize:vertical}
.bolton-rfqb-form{padding:16px 18px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.bolton-rfqb-form h3{margin:0 0 .7rem;font:700 .95rem/1.3 var(--bx-font-sans,sans-serif);color:#EAF0F7}
.bolton-rfqb-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.bolton-rfqb-form input,.bolton-rfqb-form textarea{width:100%;padding:.6em .7em;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#16304A;color:#EAF0F7;font-size:.85rem}
.bolton-rfqb-form textarea{margin-top:.55rem;min-height:74px;resize:vertical}
.bolton-rfqb-form ::placeholder{color:#8FA2B8}
.bolton-rfqb-hp{position:absolute !important;left:-9999px !important;height:1px;width:1px;opacity:0}
.bolton-rfqb-submit{width:100%;margin-top:.75rem;min-height:48px;border-radius:10px;border:1px solid #C9A227;background:#C9A227;color:#0A1A2F;font:700 1rem/1 var(--bx-font-sans,sans-serif);cursor:pointer}
.bolton-rfqb-submit:hover{background:#D9B45B}
.bolton-rfqb-submit:disabled{opacity:.6;cursor:wait}
.bolton-rfqb-note{margin:.6rem 0 0;font-size:.74rem;line-height:1.5;color:#9DB0C4}

/* Toast */
.bolton-rfqb-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:10000;padding:.7rem 1.1rem;border-radius:10px;background:#0E2238;color:#EAF0F7;border:1px solid #C9A227;font:600 .85rem/1.3 var(--bx-font-sans,sans-serif);opacity:0;transition:opacity .25s,transform .25s;max-width:92vw}
.bolton-rfqb-toast.is-in{opacity:1;transform:translate(-50%,0)}

/* Light mode */
html[data-theme="light"] #bolton-rfqb-panel .bolton-rfqb-drawer{background:#FBF8F1;color:#0E2238;border-left-color:#DCD2BD}
html[data-theme="light"] .bolton-rfqb-head{border-bottom-color:#E3DAC6}
html[data-theme="light"] .bolton-rfqb-head h2,html[data-theme="light"] .bolton-rfqb-line__title,html[data-theme="light"] .bolton-rfqb-form h3{color:#0E2238}
html[data-theme="light"] .bolton-rfqb-close{color:#0E2238}
html[data-theme="light"] .bolton-rfqb-empty,html[data-theme="light"] .bolton-rfqb-done,html[data-theme="light"] .bolton-rfqb-line__ctrl label,html[data-theme="light"] .bolton-rfqb-doc{color:#2B3E54}
html[data-theme="light"] .bolton-rfqb-line{border-bottom-color:#E3DAC6}
html[data-theme="light"] .bolton-rfqb-line__meta{color:#55677D}
html[data-theme="light"] .bolton-rfqb-line__ctrl input,html[data-theme="light"] .bolton-rfqb-docother,html[data-theme="light"] .bolton-rfqb-notes,html[data-theme="light"] .bolton-rfqb-form input,html[data-theme="light"] .bolton-rfqb-form textarea{background:#FFFFFF;color:#0E2238;border-color:#CFC5AE}
html[data-theme="light"] .bolton-rfqb-form ::placeholder{color:#7A8AA0}
html[data-theme="light"] .bolton-rfqb-toast{background:#FFFFFF;color:#0E2238}
html[data-theme="light"] #bolton-rfqb-bubble{background:#FFFFFF;color:#0E2238}
html[data-theme="light"] #bolton-rfqb-bubble:hover{background:#F1E8D2}

/* Mobile + reduced motion */
@media (max-width:520px){.bolton-rfqb-grid{grid-template-columns:1fr}#bolton-rfqb-panel .bolton-rfqb-drawer{width:100vw}}
@media (prefers-reduced-motion:reduce){.bolton-rfqb-toast{transition:none}}

/* ===== v1.1.0 — catalogue right action rail (desktop >=1400px only) ===== */
#bolton-rail{display:none}
@media (min-width:1400px){
#bolton-rail{display:block;position:fixed;right:14px;top:120px;width:230px;z-index:900;border:1px solid rgba(201,162,39,.35);border-radius:12px;background:#0E2238;color:#EAF0F7;box-shadow:0 10px 30px -18px rgba(0,0,0,.55);font-size:.8rem;overflow:hidden}
#bolton-rail .bolton-rail__toggle{width:100%;padding:.6rem .8rem;background:rgba(201,162,39,.12);border:0;color:inherit;font:700 .72rem/1 var(--bx-font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
#bolton-rail.is-min .bolton-rail__body{display:none}
#bolton-rail .bolton-rail__body{padding:4px 12px 12px}
#bolton-rail section{padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
#bolton-rail section:last-child{border-bottom:0}
#bolton-rail h3{margin:0 0 .4rem;font:700 .78rem/1.2 var(--bx-font-sans,sans-serif);color:#EAF0F7}
#bolton-rail .bolton-rail__n{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#C9A227;color:#0A1A2F;font:700 11px/18px var(--bx-font-mono,monospace);text-align:center}
#bolton-rail .bolton-rail__list{list-style:none;margin:0 0 .5rem;padding:0}
#bolton-rail .bolton-rail__list li{margin:0 0 .3rem;color:#C5D2E0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bolton-rail .bolton-rail__list--rv a{color:#C5D2E0;text-decoration:none}
#bolton-rail .bolton-rail__list--rv a:hover{color:#D9B45B}
#bolton-rail .bolton-rail__list--rv span{display:block;font:500 .68rem/1.2 var(--bx-font-mono,monospace);color:#8FA2B8}
#bolton-rail .bolton-rail__muted{color:#8FA2B8;margin:0 0 .5rem}
#bolton-rail .bolton-rail__btn{display:block;width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid #C9A227;background:#C9A227;color:#0A1A2F;font:700 .78rem/1 var(--bx-font-sans,sans-serif);cursor:pointer;text-align:center;text-decoration:none}
#bolton-rail .bolton-rail__btn--ghost{background:transparent;color:#EAF0F7}
#bolton-rail .bolton-rail__btn--ghost:hover{background:rgba(201,162,39,.15)}
#bolton-rail .bolton-rail__links a{display:block;margin:.25rem 0;color:#C9A227;text-decoration:underline;text-underline-offset:3px}
}
html[data-theme="light"] #bolton-rail{background:#FBF8F1;color:#0E2238;border-color:#DCD2BD}
html[data-theme="light"] #bolton-rail h3{color:#0E2238}
html[data-theme="light"] #bolton-rail .bolton-rail__list li,html[data-theme="light"] #bolton-rail .bolton-rail__list--rv a{color:#2B3E54}
html[data-theme="light"] #bolton-rail .bolton-rail__muted,html[data-theme="light"] #bolton-rail .bolton-rail__list--rv span{color:#7A8AA0}
html[data-theme="light"] #bolton-rail .bolton-rail__btn--ghost{color:#0E2238}
html[data-theme="light"] #bolton-rail section{border-bottom-color:#E3DAC6}

/* ===== v1.3.0 — My Account "RFQ Requests" ===== */
.bolton-rfqh th{font:600 .72rem/1.3 var(--bx-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em}
.bolton-rfqh td{vertical-align:middle;font-size:.85rem}
.bolton-rfqh-st{display:inline-block;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(201,162,39,.5);font:600 .7rem/1.3 var(--bx-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em}
.bolton-rfqh-st--quoted{border-color:#4E9A5C;color:#4E9A5C}
.bolton-rfqh-st--won{background:rgba(78,154,92,.15)}
.bolton-rfqh-st--lost,.bolton-rfqh-st--closed{opacity:.65}
.bolton-rfqh-actions .button{min-height:36px;padding:.35em .8em;font-size:.78rem;margin-right:.3rem}
.bolton-rfqh-again{background:#C9A227 !important;border-color:#C9A227 !important;color:#0A1A2F !important;font-weight:700}
.bolton-rfqh-empty{padding:30px 18px;text-align:center}
.bolton-rfqh-empty .bolton-rfqh-btn{min-height:46px;display:inline-flex;align-items:center;padding:0 20px;border-radius:10px;background:#C9A227;border-color:#C9A227;color:#0A1A2F;font-weight:700}
.bolton-rfqh-note{font-size:.78rem;opacity:.7;margin-top:.6rem}
.bolton-rfqh-ref{display:flex;align-items:center;gap:.6rem}
.bolton-rfqh-meta{font-size:.82rem;opacity:.85}
.bolton-rfqh-msg{font-style:italic;font-size:.85rem}
@media (max-width:700px){.bolton-rfqh-actions .button{display:block;margin:.25rem 0}}

/* ===== v1.4.0 — customer status workflow + timeline ===== */
.bolton-rfqh-st--received{border-color:rgba(201,162,39,.6);color:inherit}
.bolton-rfqh-st--under_review,.bolton-rfqh-st--quoting{border-color:#3E7CB1;color:#3E7CB1}
.bolton-rfqh-st--quoted{border-color:#4E9A5C;color:#4E9A5C}
.bolton-rfqh-st--awaiting_confirmation{border-color:#C9A227;color:#C9A227;background:rgba(201,162,39,.12)}
.bolton-rfqh-st--confirmed,.bolton-rfqh-st--ordered{border-color:#4E9A5C;color:#4E9A5C;background:rgba(78,154,92,.15)}
.bolton-rfqh-st--closed{opacity:.65}
.bolton-rfqh-st--cancelled{border-color:#B4552D;color:#B4552D;opacity:.85}
.bolton-rfqh-timeline{list-style:none;margin:.7rem 0 1rem;padding:0;border-left:2px solid rgba(201,162,39,.45)}
.bolton-rfqh-timeline li{position:relative;padding:.2rem 0 .2rem 1rem;font-size:.82rem}
.bolton-rfqh-timeline li::before{content:"";position:absolute;left:-5px;top:.62em;width:8px;height:8px;border-radius:50%;background:#C9A227}
.bolton-rfqh-tl-date{font:600 .72rem/1.3 var(--bx-font-mono,monospace);opacity:.75;margin-right:.4rem}
