/**
 * DDALSHOP - Minimum Order presentation v1.3
 * Only styles the MOQ note and its cart metadata.
 * Does not alter price, quantity, or checkout validation.
 */

/* Shared compact text: neutral, readable and unboxed. */
.ddal-moq-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #657286;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
}
.ddal-moq-note__icon {
    display: block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    color: #8391a3;
}
.ddal-moq-note__text {
    min-width: 0;
}
.ddal-moq-note strong {
    color: #283c54;
    font-weight: 650;
}
.ddal-moq-note__hint {
    display: inline;
    margin-left: 6px;
    color: #7f8a9a;
    font-size: 11px;
    font-weight: 400;
}

/* Shop cards: after price-wrapper, never inside the price row. */
.ddal-product-card .ddal-product-card__content > .ddal-moq-note--loop {
    display: flex;
    align-self: stretch;
    margin: -6px 0 11px;
    font-size: 11.5px;
    line-height: 1.4;
}
/* Homepage uses Flatsome's original card template. */
body.home .product-small .box-text > .ddal-moq-note--loop {
    display: flex;
    margin: 4px 0 10px;
    font-size: 11.5px;
    line-height: 1.4;
}
.ddal-product-card .ddal-moq-note--loop .ddal-moq-note__icon,
body.home .product-small .box-text > .ddal-moq-note--loop .ddal-moq-note__icon {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
}
/* Single product: a small information row before the quantity controls. */
body.single-product .product-main .ddal-moq-note--detail {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    margin: 10px 0 13px;
    font-size: 12.5px;
    line-height: 1.5;
}
body.single-product .product-main .ddal-moq-note--detail .ddal-moq-note__icon {
    margin-top: 2px;
}
body.single-product .product-main form.variations_form .single_variation_wrap > .ddal-moq-note--detail {
    margin: 6px 0 12px;
}

/* Cart: the MOQ line follows size/colour, inside the product-name cell. */
body.woocommerce-cart .woocommerce-cart-form .product-name .variation dt[class*="Min"],
body.woocommerce-cart .woocommerce-cart-form .product-name .variation dt[class*="min-pembelian"] {
    display: inline-block;
    float: none;
    clear: both;
    margin: 7px 3px 0 0;
    color: #738094;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.45;
}
body.woocommerce-cart .woocommerce-cart-form .product-name .variation dd[class*="Min"],
body.woocommerce-cart .woocommerce-cart-form .product-name .variation dd[class*="min-pembelian"] {
    display: inline-block;
    float: none;
    margin: 0;
    color: #2d4259;
    font-size: 11.5px;
    line-height: 1.45;
}
body.woocommerce-cart .woocommerce-cart-form .product-name .ddal-moq-cart-value {
    color: #2d4259;
    font-weight: 650;
}

/* Quick View is deliberately kept free of this informational text. */
body .ddal-qv .ddal-moq-note,
body .product-lightbox .ddal-moq-note,
body .mfp-content .ddal-moq-note {
    display: none;
}

@media (max-width: 767px) {
    .ddal-product-card .ddal-product-card__content > .ddal-moq-note--loop,
    body.home .product-small .box-text > .ddal-moq-note--loop {
        gap: 5px;
        font-size: 11px;
    }
    body.single-product .product-main .ddal-moq-note--detail {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .ddal-moq-note__hint {
        font-size: 10.5px;
    }
}