/* Olori Order Statuses – My Account */
:root { --olori-os-accent: #701420; }

.olori-os-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;color:var(--olori-os);background:color-mix(in srgb,var(--olori-os) 14%,#fff);white-space:nowrap}

.olori-os-panel{margin:0 0 30px;padding:20px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}
.olori-os-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.olori-os-title{font-size:18px;margin:0}
.olori-os-subtitle{font-size:15px;margin:0 0 14px}
.olori-os-actions{display:flex;flex-wrap:wrap;gap:8px}
.olori-os-note{margin:0 0 16px;font-size:13px;color:#6b6b6b}
.olori-os-muted{color:#8a8a8a;font-size:13px}

/* Buttons – sit on top of the theme's .button */
.olori-os-btn{display:inline-flex!important;text-decoration:none!important;align-items:center;justify-content:center;min-height:38px;padding:8px 16px!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;border:1px solid transparent!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s}
.olori-os-btn--primary{background:var(--olori-os-accent)!important;color:#fff!important}
.olori-os-btn--primary:hover{background:color-mix(in srgb,var(--olori-os-accent) 85%,#000)!important}
.olori-os-btn--outline{background:#fff!important;color:var(--olori-os-accent)!important;border-color:var(--olori-os-accent)!important}
.olori-os-btn--outline:hover{background:color-mix(in srgb,var(--olori-os-accent) 8%,#fff)!important}
.olori-os-btn--danger{background:#fff!important;color:#c62828!important;border-color:#c62828!important}
.olori-os-btn--danger:hover{background:#fdecec!important}
.olori-os-form .olori-os-btn--danger[type=submit]{background:#c62828!important;color:#fff!important}
.olori-os-btn[disabled]{opacity:.6;cursor:wait}

/* Timeline */
.olori-os-steps{list-style:none;margin:0 0 4px;padding:0;display:flex}
.olori-os-step{flex:1;position:relative;text-align:center;font-size:13px;color:#8a8a8a;padding-top:26px;margin:0}
.olori-os-step::before{content:"";position:absolute;top:8px;left:-50%;width:100%;height:3px;background:#e2e2e2}
.olori-os-step:first-child::before{display:none}
.olori-os-dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#e2e2e2;z-index:1}
.olori-os-label{display:block}
.olori-os-date{display:block;font-size:11px;color:#8a8a8a;margin-top:2px}
.olori-os-step.is-done,.olori-os-step.is-current{color:#1e8e4a}
.olori-os-step.is-done::before,.olori-os-step.is-current::before{background:#1e8e4a}
.olori-os-step.is-done .olori-os-dot{background:#1e8e4a}
.olori-os-step.is-current .olori-os-dot{background:#fff;border:4px solid #1e8e4a;box-sizing:border-box}
.olori-os-step.is-done.is-current .olori-os-dot{background:#1e8e4a;border:0}
.olori-os-step.is-current .olori-os-label{font-weight:700}
.olori-os-steps--small .olori-os-step{font-size:12px}

.olori-os-alert{margin:0 0 4px;padding:12px 14px;border-left:4px solid var(--olori-os);background:color-mix(in srgb,var(--olori-os) 10%,#fff);border-radius:6px;font-size:14px}
.olori-os-request{margin-top:22px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}
.olori-os-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:16px 0 0;font-size:13px}
.olori-os-dl dt{font-weight:600;margin:0}
.olori-os-dl dd{margin:0}

/* Modal */
body.olori-os-lock{overflow:hidden}
.olori-os-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.olori-os-modal[hidden]{display:none}
.olori-os-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.olori-os-modal__box{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.olori-os-modal__box--wide{max-width:680px}
.olori-os-modal__box h3{margin:0 32px 16px 0;font-size:18px}
.olori-os-modal__x{position:absolute;top:10px;right:12px;width:36px;height:36px;padding:0!important;border:0!important;background:transparent!important;font-size:26px;line-height:1;color:#555;cursor:pointer;min-height:0!important}

.olori-os-form label{font-size:13px}
.olori-os-form textarea,.olori-os-form select,.olori-os-form input[type=text]{width:100%}
.olori-os-label-strong{font-weight:600;margin:16px 0 8px}
.olori-os-label-strong:first-of-type{margin-top:0}
.olori-os-reasons{display:grid;gap:6px;margin-bottom:12px}
.olori-os-radio{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e3e3e3;border-radius:8px;cursor:pointer}
.olori-os-radio:has(input:checked){border-color:var(--olori-os-accent);background:color-mix(in srgb,var(--olori-os-accent) 5%,#fff)}

.olori-os-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.olori-os-type{position:relative;display:block;padding:12px;border:1px solid #e3e3e3;border-radius:8px;cursor:pointer}
.olori-os-type input{position:absolute;opacity:0}
.olori-os-type span{display:flex;flex-direction:column;gap:2px}
.olori-os-type small{color:#777;font-size:12px}
.olori-os-type:has(input:checked){border-color:var(--olori-os-accent);box-shadow:0 0 0 1px var(--olori-os-accent);background:color-mix(in srgb,var(--olori-os-accent) 5%,#fff)}
.olori-os-type:has(input:focus-visible){outline:2px solid var(--olori-os-accent);outline-offset:2px}

.olori-os-items{display:grid;gap:8px}
.olori-os-item{display:grid;grid-template-columns:auto 56px 1fr;gap:12px;align-items:start;padding:10px;border:1px solid #e3e3e3;border-radius:8px}
.olori-os-item.is-disabled{opacity:.55}
.olori-os-item__check{padding-top:18px}
.olori-os-item__img img{width:56px;height:56px;object-fit:cover;border-radius:6px;display:block}
.olori-os-item__name{font-weight:600;font-size:14px}
.olori-os-item__meta{font-size:12px;color:#777;margin-top:2px}
.olori-os-item__fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.olori-os-item__fields label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#555}
.olori-os-item__fields select{min-width:90px;width:auto;height:34px;padding:0 8px}
.olori-os-item__fields em{font-size:12px;color:#c62828}

.olori-os-form [data-olori-type-only]{display:none}
.olori-os-form .olori-os-only-exchange,.olori-os-form .olori-os-only-refund{display:none}
.olori-os-form.is-exchange .olori-os-only-exchange{display:flex}
.olori-os-form.is-refund p.olori-os-only-refund{display:block}

.olori-os-error{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:#fdecec;color:#a11d1d;font-size:13px}
.olori-os-form__foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}

@media (max-width:640px){
	.olori-os-panel{padding:16px}
	.olori-os-actions{width:100%}
	.olori-os-actions .olori-os-btn{flex:1 1 auto}
	.olori-os-steps{flex-direction:column;gap:14px}
	.olori-os-step{text-align:left;padding:0 0 0 30px;min-height:20px}
	.olori-os-step::before{top:-14px;left:8px;width:3px;height:14px}
	.olori-os-dot{left:0;transform:none}
	.olori-os-modal{align-items:flex-end;padding:0}
	.olori-os-modal__box{border-radius:14px 14px 0 0;max-height:92vh;padding:20px 16px}
	.olori-os-form__foot .olori-os-btn{flex:1}
}