/* V7 testing patch: scoped layout, illustration and measurement guide. */
[hidden],svg [hidden]{display:none!important}
.admin-page-head{gap:1rem;align-items:flex-start;flex-wrap:wrap}
.admin-page-head>div{min-width:0;max-width:100%}
.admin-page-head h1,.admin-main>h1{font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.2;overflow-wrap:anywhere}
.admin-main .inline-check,.admin-action-form .inline-check{display:flex;align-items:flex-start;gap:.7rem;line-height:1.5}
.admin-main input[type=checkbox],.admin-main input[type=radio]{width:1.1rem;height:1.1rem;min-width:1.1rem;flex:0 0 1.1rem;margin:.2rem 0 0;vertical-align:middle}
.admin-main label:has(>input[type=checkbox]),.admin-main label:has(>input[type=radio]){display:flex;gap:.65rem;align-items:flex-start}
.admin-main fieldset{min-width:0}
.admin-order-grid>*,.order-layout>*{min-width:0}
.admin-main .table-scroll{overflow-x:auto;max-width:100%}
.admin-main button:disabled,.admin-main option:disabled{opacity:.5;cursor:not-allowed}
.admin-email-status{font-size:.875rem;margin:1rem 0}
.order-hero h1{font-size:clamp(1.55rem,4vw,3.5rem);overflow-wrap:anywhere;line-height:1.2}
.policy-hero h1{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,4rem)}
.order-email-recovery{max-width:1200px;margin:1.5rem auto;padding:0 1.5rem}
.order-email-recovery form{max-width:32rem;margin-top:1rem;display:grid;gap:.75rem}
.product-gallery{align-self:start}
.product-gallery #product-image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:75vh;background:#ecebea}
.product-image img,.range-feature img{object-fit:contain;object-position:center}
.brand img,.site-footer .footer-brand img,.admin-brand img,.invoice>header img{object-fit:contain;height:auto;max-width:100%}
.design-preview{padding:1rem 1.25rem;background:#fff;border:1px solid #ded8cf;margin-top:1rem}
.design-preview h2{font-family:Arial,sans-serif;font-size:1.2rem;margin:0 0 .5rem}
.design-preview p{padding:0;line-height:1.5}
.design-preview svg{display:block;width:100%;max-height:650px;height:auto}
.garment-shape{fill:var(--garment,#24344a);stroke:#50575f;stroke-width:2;stroke-linejoin:round}
.garment-shape .seam{fill:none;stroke:#93979c;stroke-width:1.6}
.garment-shape .epaulette-loop{fill:var(--garment);stroke:#e5e2dc;stroke-width:2.5}
.garment-shape .epaulette-button{fill:#292d32;stroke:#e5e2dc;stroke-width:1.7}
.garment-shape .button-stitch{stroke:#dfdbd2;stroke-width:1;fill:none}
.embroidery-preview text{font-family:Arial,sans-serif;font-weight:bold;fill:#fff;paint-order:stroke;stroke:#24272b;stroke-width:.25;white-space:pre}
.embroidery-count{display:block;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}
.embroidery-fields input[aria-invalid=true]{border:2px solid #a81132}
.embroidery-help{margin:.5rem 0}.preview-summary{font-size:.9rem}
.size-guide-page{max-width:1250px;margin:auto;padding:2rem 1.25rem 4rem}
.size-guide-page h1{font-size:clamp(2.4rem,5vw,4rem)}
.size-guide-page h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.25}
.size-guide-page h3{font-size:1.2rem;line-height:1.4}
.size-guide-page section{margin:2.5rem 0;scroll-margin-top:8rem}
.size-guide-page nav{display:flex;gap:.8rem 1.4rem;flex-wrap:wrap;margin:1.5rem 0}
.measurement-diagram{width:100%;height:auto;display:block;border:1px solid #ded8cf;background:#fff;margin:1rem 0}
.size-table-scroll{overflow:auto;max-width:100%;border:1px solid #ded8cf;background:#fff;outline-offset:3px}
.size-guide-table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:760px;font-variant-numeric:tabular-nums}
.size-guide-table.body-table{min-width:420px}
.size-guide-table caption{text-align:left;padding:1rem;font-size:1rem;font-weight:bold;color:#202429}
.size-guide-table th,.size-guide-table td{padding:.75rem .7rem;text-align:center;border-bottom:1px solid #ded8cf;vertical-align:middle}
.size-guide-table thead th{background:#202429;color:#fff;font-size:.82rem;line-height:1.4}
.size-guide-table tbody th{background:#f4f0e9;position:sticky;left:0;color:#202429}
.size-guide-table tr.provisional{background:#fcf3f4}
.size-guide-note{padding:1rem;border-left:3px solid #a81132;background:#fff;font-size:.95rem}
.measuring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.model-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.model-story figure{margin:0}.model-story img{width:100%;height:auto;object-fit:contain}.model-story figcaption{padding:.6rem 0;font-weight:bold}
@media(max-width:700px){.measuring-grid{grid-template-columns:1fr}.admin-main{padding:1rem}.design-preview{padding:.75rem}.order-hero{padding:2rem 1.25rem}.model-story{gap:.5rem}.model-story figcaption{font-size:.8rem}.admin-page-head .button{padding:.65rem 1rem}.size-guide-page .measurement-diagram{min-width:600px}.diagram-scroll{overflow:auto;max-width:100%}}
@media print{.size-guide-page nav,.size-guide-page .button{display:none}.size-guide-page{padding:0}.size-table-scroll,.diagram-scroll{overflow:visible}.size-guide-page section{break-inside:avoid}.size-guide-table{min-width:0;font-size:9pt}.measurement-diagram{max-height:300px}}

.embroidery-closeup svg{width:300px;max-width:100%;height:auto;margin:1rem auto}.embroidery-closeup summary{cursor:pointer;font-size:.95rem}

.after-sales-page .page-header h1{font-size:clamp(1.7rem,3.5vw,3rem);line-height:1.2;overflow-wrap:anywhere}.after-sales-page .page-header{padding-top:3rem;padding-bottom:2rem}.after-sales-page .case-card h2{font-size:clamp(1.5rem,3vw,2.3rem)}
@media(max-width:600px){.model-story{grid-template-columns:1fr;gap:1.5rem}.model-story figure{max-width:440px;margin:auto}.model-story figcaption{font-size:1rem}}


/* DRKT FORENSIC EMBROIDERY FIX 20260921 */

/*
 * The general .check-card rule visually hides its checkbox.
 * Embroidery is an enable/disable control, so its checkbox must
 * remain visible.
 */
.embroidery-toggle-card {
    display: flex !important;
    align-items: center;
    gap: .9rem;
    cursor: pointer;
}

.embroidery-toggle-card input[name="embroidery_enabled"] {
    position: static !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: var(--red);
}

.embroidery-toggle-card > span {
    flex: 1;
}

/*
 * Author CSS currently declares .embroidery-fields {display:grid}.
 * Explicit !important is therefore required so HTML hidden actually
 * wins when embroidery is disabled.
 */
.embroidery-fields[hidden] {
    display: none !important;
}

.embroidery-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.embroidery-fields label {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .3rem .8rem;
}

.embroidery-fields label > small {
    color: var(--red);
    font-weight: 800;
    text-align: right;
}

.embroidery-fields input[type="text"] {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
    padding: .72rem .8rem;
    border: 1px solid var(--line);
    background: #fff;
}

.embroidery-fields input[type="text"]:focus {
    outline: 3px solid rgba(163, 21, 49, .18);
    border-color: var(--red);
}

/* Override the old 300px/360px chest-detail rule. */
.embroidery-closeup {
    margin-top: .75rem;
}

.embroidery-closeup summary {
    cursor: pointer;
    font-size: .9rem;
}

.embroidery-closeup svg {
    display: block !important;
    width: 180px !important;
    max-width: 180px !important;
    height: auto !important;
    margin: .8rem auto !important;
}

@media (max-width: 560px) {
    .embroidery-closeup svg {
        width: 150px !important;
        max-width: 150px !important;
    }
}
