/* Mayfair Smart Order — scoped, lightweight, compatible with Woodmart. */
.mso-order-card {
    --mso-green:#23644e;
    --mso-forest:#174934;
    --mso-text:#36483e;
    --mso-border:#dae8df;
    box-sizing:border-box;
    direction:rtl;
    max-width:760px;
    margin:28px 0;
    padding:clamp(18px,4vw,32px);
    background:linear-gradient(140deg,#f8fbf8 0%,#fff 72%);
    border:1px solid var(--mso-border);
    border-radius:20px;
    color:var(--mso-text);
    font:inherit;
    box-shadow:0 10px 30px rgba(25,70,45,.05);
}
.mso-order-card *, .mso-order-card *::before, .mso-order-card *::after {box-sizing:border-box}
.mso-order-card .mso-pill {
    display:inline-block;
    padding:4px 13px;
    background:#e7f2e9;
    border:1px solid #d3e6d7;
    border-radius:30px;
    color:var(--mso-green);
    font-size:12px;
    font-weight:700;
    margin-bottom:9px;
}
.mso-order-card .mso-title {margin:4px 0 12px;font-size:clamp(21px,3vw,27px);font-weight:750;color:var(--mso-forest);line-height:1.5}
.mso-order-card .mso-desc {margin:0 0 20px;font-size:14px;line-height:2.1;color:var(--mso-text)}
.mso-order-card .mso-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mso-order-card .mso-btn,
.woocommerce .mso-order-card a.mso-btn {
    display:flex;align-items:center;justify-content:center;
    gap:7px;text-align:center;text-decoration:none;
    border:1px solid #cbded1;border-radius:12px;
    min-height:46px;padding:10px;color:var(--mso-green);
    font-size:13px;font-weight:700;line-height:1.5;
    background:#fff;transition:background .15s,border-color .15s,transform .15s;
}
.mso-order-card .mso-btn:hover,
.woocommerce .mso-order-card a.mso-btn:hover {
    background:#eaf4ec;color:var(--mso-forest);border-color:#98baa3;transform:translateY(-1px)
}
.mso-order-card .mso-btn.mso-main,
.woocommerce .mso-order-card a.mso-btn.mso-main {
    grid-column:1/-1;background:var(--mso-green);border-color:var(--mso-green);
    color:#fff;min-height:51px;font-size:15px;
}
.mso-order-card .mso-btn.mso-main:hover,
.woocommerce .mso-order-card a.mso-btn.mso-main:hover {background:var(--mso-forest);color:#fff}
.mso-order-card .mso-btn:focus-visible {outline:3px solid #7fb38c;outline-offset:3px}
.mso-order-card .mso-hint {margin:16px 0 0;padding:10px;border-radius:9px;background:#edf4ee;font-size:12px;line-height:2;color:#516c5a}
@media (max-width:480px) {
    .mso-order-card {margin:18px 0;border-radius:15px;padding:18px 15px}
    .mso-order-card .mso-actions {gap:6px}
    .mso-order-card .mso-btn,.woocommerce .mso-order-card a.mso-btn {min-height:43px;padding:8px 4px;font-size:12px}
    .mso-order-card .mso-btn.mso-main,.woocommerce .mso-order-card a.mso-btn.mso-main {font-size:14px}
}
@media (prefers-reduced-motion:reduce) {
    .mso-order-card .mso-btn {transition:none}
}