/* aieo/free-shipping-pdp — bar styling.
 *
 * Reads the same CSS variables that AIEO_DMM_Free_Shipping->enqueue_css_vars()
 * sets at :root from the operator's appearance settings (DMM →
 * Free Shipping Display tab). Falls back to sensible defaults so
 * the bar is always visible even before vars resolve.
 */
.aieo-fs-pdp {
    box-sizing: border-box;
    display: block;
    margin: 12px 0;
    padding: var(--om-fs-card-p, 12px);
    background: var(--om-fs-card-bg, #ffffff);
    border: 1px solid var(--om-fs-card-b, #e0e0e0);
    border-radius: var(--om-fs-card-r, 8px);
    color: var(--om-fs-text, #333);
    font-size: var(--om-fs-font, 14px);
    line-height: 1.4;
}

.aieo-fs-pdp__msg {
    margin: 0 0 8px;
}

.aieo-fs-pdp__msg .amount,
.aieo-fs-pdp__msg .woocommerce-Price-amount {
    color: var(--om-fs-amount, #e65100);
    font-weight: 600;
}

.aieo-fs-pdp--qualified .aieo-fs-pdp__msg {
    color: var(--om-fs-success, #2e7d32);
    font-weight: 600;
}

.aieo-fs-pdp__bar {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: var(--om-fs-bar-h, 8px);
    background: var(--om-fs-bar-bg, #e0e0e0);
    border-radius: var(--om-fs-bar-r, 4px);
}

.aieo-fs-pdp__fill {
    display: block;
    height: 100%;
    background: var(--om-fs-bar-fg, #4caf50);
    border-radius: inherit;
    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.aieo-fs-pdp--qualified .aieo-fs-pdp__fill {
    background: var(--om-fs-success, #2e7d32);
}