/* The Only OUD — mobile-first delivery progress UI (v2).
 * Intentionally separate from the legacy commerce bundle so this release gets
 * a fresh asset URL and cannot be masked by an older browser/CDN CSS cache. */
.theonlyoud-delivery-progress{
    --oud-delivery-gold:#a9781f;
    --oud-delivery-gold-dark:#75500d;
    --oud-delivery-gold-soft:#f2d8ab;
    --oud-delivery-ink:#2b2114;
    --oud-delivery-muted:#756b5d;
    box-sizing:border-box;
    width:100%;
    margin:0 0 18px;
    padding:14px 15px 13px;
    border:1px solid rgba(169,120,31,.20);
    border-radius:12px;
    background:#fffdf9;
    color:var(--oud-delivery-ink);
    box-shadow:none;
}
.theonlyoud-delivery-progress *,
.theonlyoud-delivery-progress *::before,
.theonlyoud-delivery-progress *::after{box-sizing:border-box}
.theonlyoud-delivery-progress__top{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}
.theonlyoud-delivery-progress__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fbf2e2;color:var(--oud-delivery-gold);flex:0 0 auto}
.theonlyoud-delivery-progress__icon svg{display:block;width:17px;height:17px;fill:currentColor}
.theonlyoud-delivery-progress__copy{display:grid;gap:1px;min-width:0}
.theonlyoud-delivery-progress__eyebrow{display:block;margin:0;font-size:10px;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;color:var(--oud-delivery-gold)}
.theonlyoud-delivery-progress__title{display:block;margin:0;font-size:13px;font-weight:700;line-height:1.38;color:var(--oud-delivery-ink);overflow-wrap:anywhere}
.theonlyoud-delivery-progress__percent{min-width:37px;padding:4px 7px;border:1px solid rgba(169,120,31,.18);border-radius:999px;background:#fff;font-size:10px;font-weight:700;line-height:1;text-align:center;color:var(--oud-delivery-gold-dark);font-variant-numeric:tabular-nums}
.theonlyoud-delivery-progress__track{position:relative;width:100%;height:4px;margin-top:11px;overflow:hidden;border-radius:999px;background:#eee7dc}
.theonlyoud-delivery-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#c89b3c,var(--oud-delivery-gold));transition:width .32s ease}
.theonlyoud-delivery-progress__message{display:block;margin-top:8px;font-size:11px;font-weight:400;line-height:1.55;color:var(--oud-delivery-muted)}
.theonlyoud-delivery-progress.is-unlocked{border-color:rgba(169,120,31,.28);background:#fffaf0}
.theonlyoud-delivery-progress.is-unlocked .theonlyoud-delivery-progress__icon{background:var(--oud-delivery-gold);color:#fff}
.theonlyoud-delivery-progress.is-unlocked .theonlyoud-delivery-progress__percent{background:var(--oud-delivery-gold);border-color:var(--oud-delivery-gold);color:#fff}
.theonlyoud-delivery-progress.is-international .theonlyoud-delivery-progress__track{display:none}
.theonlyoud-delivery-progress.is-international .theonlyoud-delivery-progress__percent{display:none}

/* Mini-cart is deliberately compact on iPhone-sized drawers. */
.woocommerce-mini-cart .theonlyoud-delivery-progress,
.widget_shopping_cart_content .theonlyoud-delivery-progress{margin:10px 0 8px;padding:12px;border-radius:10px}
.woocommerce-mini-cart .theonlyoud-delivery-progress__top,
.widget_shopping_cart_content .theonlyoud-delivery-progress__top{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}
.woocommerce-mini-cart .theonlyoud-delivery-progress__icon,
.widget_shopping_cart_content .theonlyoud-delivery-progress__icon{width:28px;height:28px}
.woocommerce-mini-cart .theonlyoud-delivery-progress__title,
.widget_shopping_cart_content .theonlyoud-delivery-progress__title{font-size:12px}
.woocommerce-mini-cart .theonlyoud-delivery-progress__message,
.widget_shopping_cart_content .theonlyoud-delivery-progress__message{font-size:10.5px}

/* Woo Cart/Checkout Blocks. Keep it aligned with the site's white cards. */
.wp-block-woocommerce-cart>.theonlyoud-delivery-progress,
.wp-block-woocommerce-checkout>.theonlyoud-delivery-progress{margin-bottom:20px}

.rtl .theonlyoud-delivery-progress{text-align:right}
.rtl .theonlyoud-delivery-progress__eyebrow{letter-spacing:0;text-transform:none}

@media (min-width:768px){
    .theonlyoud-delivery-progress{padding:15px 17px 14px;border-radius:13px}
    .theonlyoud-delivery-progress__top{grid-template-columns:34px minmax(0,1fr) auto;gap:11px}
    .theonlyoud-delivery-progress__icon{width:34px;height:34px}
    .theonlyoud-delivery-progress__title{font-size:13.5px}
    .theonlyoud-delivery-progress__message{font-size:11.5px}
}

@media (max-width:380px){
    .theonlyoud-delivery-progress{padding:11px}
    .theonlyoud-delivery-progress__top{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}
    .theonlyoud-delivery-progress__icon{width:28px;height:28px}
    .theonlyoud-delivery-progress__title{font-size:11.5px}
    .theonlyoud-delivery-progress__percent{min-width:34px;padding-inline:6px}
    .theonlyoud-delivery-progress__message{font-size:10px}
}

@media (prefers-reduced-motion:reduce){.theonlyoud-delivery-progress__fill{transition:none}}