/* Maqsad DV Orders — customer pages. Uses the Maqsad theme colours when present. */
.mqo{--mqo-ink:var(--wp--preset--color--ink,#111);--mqo-gold:var(--wp--preset--color--gold,#C9A24B);--mqo-cream:var(--wp--preset--color--cream,#F5F1EA);--mqo-paper:var(--wp--preset--color--paper,#fff);--mqo-line:var(--wp--preset--color--line,#E4DDD0);--mqo-muted:var(--wp--preset--color--muted,#5C564D);--mqo-ok:#1E7A46;--mqo-err:#B42318;--mqo-warn:#8A5A00;
	max-width:860px;margin-inline:auto;color:var(--mqo-ink);font-size:16px;line-height:1.7;box-sizing:border-box}
.mqo *,.mqo *::before,.mqo *::after{box-sizing:border-box}
.mqo [hidden]{display:none !important}
.mqo-card{background:var(--mqo-paper);border:1px solid var(--mqo-line);border-radius:16px;padding:24px;margin-block:0 18px}
.mqo-start,.mqo-track{max-width:560px;margin-inline:auto}
.mqo-h{font-size:1.2rem;margin:0 0 16px;display:flex;align-items:center;gap:10px;font-weight:700}
.mqo-sub{font-size:1rem;margin:20px 0 10px;font-weight:700}
.mqo-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mqo-ink);color:var(--mqo-gold);font-size:.9rem;flex:none}
.mqo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px}
.mqo-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}
.mqo-grid .mqo-field{margin-bottom:0}
.mqo-field>label{font-weight:600;font-size:.95rem}
.mqo input[type=text],.mqo input[type=tel],.mqo input[type=email],.mqo input[type=number],.mqo input[type=date],.mqo select{
	width:100%;min-height:46px;padding:10px 12px;border:1px solid #CFC6B6;border-radius:10px;background:#fff;color:var(--mqo-ink);font:inherit;font-size:16px}
.mqo input:focus,.mqo select:focus{outline:2px solid var(--mqo-gold);outline-offset:1px;border-color:var(--mqo-gold)}
.mqo input:disabled,.mqo select:disabled{background:#F2EFEA;color:#8a8478}
.mqo input[dir=ltr]{text-align:left}
.mqo-invalid,.mqo-has-err input,.mqo-has-err select{border-color:var(--mqo-err) !important;background:#FFF6F5 !important}
.mqo-ferr{color:var(--mqo-err);font-size:.88rem;margin:2px 0 0}
.mqo-req{color:var(--mqo-err)}
.mqo-opt{color:var(--mqo-muted);font-weight:400;font-size:.88em}
.mqo-help{color:var(--mqo-muted);font-size:.9rem;margin:2px 0 0}
.mqo-warn-text{color:var(--mqo-warn)}
.mqo-center{text-align:center}
.mqo-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;cursor:pointer}
.mqo-check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--mqo-ink)}
.mqo-check--sm{font-size:.88rem;margin:2px 0 0;color:var(--mqo-muted)}
.mqo-check--sm input{width:17px;height:17px;margin-top:4px}
.mqo-addon{background:var(--mqo-cream);border:1px solid var(--mqo-line);border-radius:12px;padding:12px 14px}
.mqo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.2}
.mqo-btn--gold{background:var(--mqo-gold);color:var(--mqo-ink)}
.mqo-btn--gold:hover{filter:brightness(.95)}
.mqo-btn--dark{background:var(--mqo-ink);color:#fff}
.mqo-btn--ghost{background:#fff;border-color:var(--mqo-ink);color:var(--mqo-ink)}
.mqo-btn--sm{min-height:40px;padding:8px 16px;font-size:.92rem}
.mqo-btn--wide{width:100%;margin-top:8px}
.mqo-btn:disabled{opacity:.55;cursor:not-allowed}
.mqo-link{background:none;border:0;padding:0;color:var(--mqo-err);text-decoration:underline;font:inherit;font-size:.9rem;cursor:pointer}
.mqo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mqo-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mqo-alert{border-radius:12px;padding:12px 16px;margin:12px 0;border:1px solid;font-size:.95rem}
.mqo-alert ul{margin:8px 0 0;padding-inline-start:20px}
.mqo-alert li{margin:4px 0}
.mqo-alert--err{background:#FEF3F2;border-color:#F3C7C2;color:#7A1B12}
.mqo-alert--err a{color:inherit}
.mqo-alert--ok{background:#ECFDF3;border-color:#ABEFC6;color:#05603A}
.mqo-alert--info{background:#F4F3EF;border-color:var(--mqo-line);color:var(--mqo-ink)}
.mqo-alert--warn{background:#FFFAEB;border-color:#FEDF89;color:#7A4A00}
.mqo-alert--important{background:var(--mqo-ink);border-color:var(--mqo-ink);color:#fff}
.mqo-alert--important strong{color:var(--mqo-gold);font-size:1.05rem}
.mqo-price{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--mqo-ink);color:#fff;border-radius:12px;padding:18px;margin-bottom:18px}
.mqo-price-label{color:var(--mqo-gold);font-weight:600}
.mqo-price-value{font-size:2.1rem;line-height:1.2}
.mqo-price-note{font-size:.88rem;opacity:.85}
.mqo-head{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.mqo-head-label{margin:0;color:var(--mqo-muted);font-size:.9rem}
.mqo-head-no{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:.04em;text-align:start}
.mqo-head-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mqo-head-total{grid-column:1/-1;margin:4px 0 0;font-weight:600}
.mqo-head .mqo-help{grid-column:1/-1}
.mqo-badge{display:inline-block;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;background:#EEE9DF;color:var(--mqo-ink)}
.mqo-badge--ok,.mqo-badge--submitted{background:#DCFAE6;color:#05603A}
.mqo-badge--wait,.mqo-badge--needs_fix{background:#FEF0C7;color:#7A4A00}
.mqo-badge--review,.mqo-badge--ready{background:#E0EAFF;color:#1D3A8A}
.mqo-badge--cancelled{background:#FEE4E2;color:#7A1B12}
.mqo-pre{white-space:pre-line}
.mqo-uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}
.mqo-upload{display:flex;gap:14px;border:1px dashed #CFC6B6;border-radius:12px;padding:14px;background:#FCFBF8;min-width:0}
.mqo-upload--ok{border-style:solid;border-color:#ABEFC6;background:#F6FEF9}
.mqo-upload--err,.mqo-upload.mqo-has-err{border-style:solid;border-color:#F3C7C2;background:#FFF6F5}
.mqo-upload--busy{opacity:.75}
.mqo-upload-thumb{width:76px;height:76px;flex:none;border-radius:8px;background:#EEE9DF;display:grid;place-items:center;overflow:hidden;font-weight:700;color:var(--mqo-muted)}
.mqo-upload-thumb img{width:100%;height:100%;object-fit:cover}
.mqo-upload-body{min-width:0;flex:1}
.mqo-upload-title{margin:0;font-weight:700}
.mqo-upload-state{margin:6px 0 0;font-size:.9rem;font-weight:600}
.mqo-upload--ok .mqo-upload-state{color:var(--mqo-ok)}
.mqo-upload--err .mqo-upload-state{color:var(--mqo-err)}
.mqo-upload--err .mqo-upload-state a{color:inherit}
.mqo-upload-actions{display:flex;gap:14px;align-items:center;margin-top:8px;flex-wrap:wrap}
.mqo-upload-actions label{position:relative}
.mqo-submit .mqo-check{font-weight:600}
.mqo-savebar{position:sticky;bottom:12px;z-index:5;margin:12px auto 0;width:max-content;max-width:100%;padding:8px 18px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.12);background:#fff;border:1px solid var(--mqo-line)}
.mqo-savebar:empty{display:none}
.mqo-savebar--ok{color:var(--mqo-ok)}
.mqo-savebar--wait{color:var(--mqo-muted)}
.mqo-savebar--err{color:var(--mqo-err);border-color:#F3C7C2;background:#FFF6F5}
.mqo-loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:40px 0;color:var(--mqo-muted)}
.mqo-spin{width:22px;height:22px;border:3px solid var(--mqo-line);border-top-color:var(--mqo-gold);border-radius:50%;animation:mqo-spin .8s linear infinite}
@keyframes mqo-spin{to{transform:rotate(360deg)}}
.mqo-done{text-align:center}
.mqo-done .mqo-h{justify-content:center}
.mqo-conf{font-size:1.5rem;font-weight:800;letter-spacing:.06em;background:var(--mqo-cream);border-radius:10px;padding:12px;margin:12px 0;word-break:break-all}
.mqo-track-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mqo-line);padding:10px 0;margin:0}
.mqo-track-row span{color:var(--mqo-muted)}
.mqo-track-conf strong{letter-spacing:.05em}
@media (max-width:600px){
	.mqo-card{padding:18px 16px;border-radius:14px}
	.mqo-head{grid-template-columns:1fr}
	.mqo-head-meta{justify-content:flex-start}
	.mqo-upload{flex-direction:column}
	.mqo-upload-thumb{width:100%;height:150px}
	.mqo-upload-thumb:empty{height:60px}
}
.mqo-head-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}

.mqo-uploads--top{margin:0 0 14px}
.mqo-idnote{border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:.92rem;background:#FFFAEB;border:1px solid #FEDF89;color:#7A4A00}
.mqo-idnote p{margin:0}
.mqo-idnote-has{display:none}
.mqo-has-scan>.mqo-idnote{background:#ECFDF3;border-color:#ABEFC6;color:#05603A}
.mqo-has-scan>.mqo-idnote .mqo-idnote-has{display:block}
.mqo-has-scan>.mqo-idnote .mqo-idnote-none{display:none}
.mqo-has-scan .mqo-req--id{display:none}
.mqo-child{border:1px solid var(--mqo-line);border-radius:14px;padding:16px;margin:0 0 16px;background:#FCFBF8}
.mqo-child-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.mqo-child-title{margin:0;font-size:1.05rem}

.mqo-disclaimer,.mq-disclaimer{border:1px solid #E8C979;background:#FFF8E6;color:#3D2E00;border-radius:14px;padding:14px 18px;margin:0 auto 18px;max-width:860px;font-size:.95rem;line-height:1.8}
.mqo-disclaimer p,.mq-disclaimer p{margin:0}
.mqo-disclaimer-h{margin-bottom:4px !important;color:#7A4A00}
#mqo-start .mqo-disclaimer{max-width:560px}

.mqo-ref-code{font-size:1.1rem}
.mqo-ref-code strong{letter-spacing:.12em;background:var(--mqo-cream);padding:4px 12px;border-radius:8px}
.mqo-ok-text{color:var(--mqo-ok);font-weight:600}
.mqo-price-early{background:var(--mqo-gold);color:var(--mqo-ink);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:700;margin-bottom:4px}
.mqo-price-early s{opacity:.7}
.mqo-shot{margin:16px 0}.mqo-shot img{max-width:100%;border:1px solid var(--mqo-line);border-radius:10px}.mqo-shot figcaption{font-size:.85rem;color:var(--mqo-muted)}

.mqo-pkgs{border:0;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.mqo-pkgs legend{display:block;font-weight:700;font-size:1.05rem;margin-bottom:6px;color:var(--mqo-ink)}
.mqo-pkg{display:flex;align-items:center;gap:12px;border:2px solid var(--mqo-line);border-radius:14px;padding:14px 16px;cursor:pointer;background:#fff}
.mqo-pkg:has(input:checked){border-color:var(--mqo-gold);background:#FFFAEB}
.mqo-pkg input{width:20px;height:20px;flex:none;accent-color:var(--mqo-ink)}
.mqo-pkg-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.mqo-pkg-name{font-weight:700}
.mqo-pkg-save{font-style:normal;background:var(--mqo-ink);color:var(--mqo-gold);border-radius:999px;padding:1px 10px;font-size:.78rem;margin-inline-start:6px;white-space:nowrap}
.mqo-pkg-desc{font-size:.85rem;color:var(--mqo-muted)}
.mqo-pkg-price{font-weight:800;font-size:1.15rem;white-space:nowrap}
.mqo-pkg-price s{font-weight:400;font-size:.85rem;color:var(--mqo-muted)}
.mqo-pkg-switch{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.mqo-due{grid-column:1/-1;margin:0;font-weight:700;color:#7A4A00}
.mqo-entry{border-top:1px solid var(--mqo-line);padding-top:14px;margin-top:14px}.mqo-entry:first-of-type{border-top:0}.mqo-entry-label{font-weight:700;margin:0 0 6px}
.mqo-couple-box{background:#FFFAEB;border:1px solid #FEDF89;border-radius:12px;padding:12px 16px;margin-top:16px}
.mq-disclaimer,.mq-disclaimer p,.mqo-disclaimer,.mqo-disclaimer p{color:#3D2E00 !important}.mq-disclaimer p:first-child,.mqo-disclaimer-h{color:#7A4A00 !important}

.mqo-disclaimer.mqo-disclaimer--narrow{max-width:560px;box-sizing:border-box}
