/* DDALSHOP: selling price, original price, and the 17% label. */
/* Dynamic discount badge for non-17% sale prices on Single Product. */
body.single-product .product-main .ddal-sale-percent {
    display: inline-flex;
    min-height: 30px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #fff0e9;
    color: #e46f49;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
}

.price .ddal-price-offer {
    --ddal-offer-size: 17px;
    --ddal-original-size: 12px;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 8px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    vertical-align: middle;
    line-height: 1.35 !important;
    white-space: normal !important;
    font-variant-numeric: tabular-nums;
}

/* Keep these rules ahead of the existing card and variation overrides. */
.price .ddal-price-offer > ins,
:is(body.wp-theme-flatsome #main .price, body.wp-theme-flatsome #main .product-main form.cart .woocommerce-variation-price .price, .ddal-qv__price .price) .ddal-price-offer > ins {
    order: 1;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f45135 !important;
    background: transparent !important;
    font-size: var(--ddal-offer-size) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.price .ddal-price-offer > del,
:is(body.wp-theme-flatsome #main .price, body.wp-theme-flatsome #main .product-main form.cart .woocommerce-variation-price .price, .ddal-qv__price .price) .ddal-price-offer > del {
    order: 2;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #8a9099 !important;
    font-size: var(--ddal-original-size) !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px;
    white-space: normal !important;
}

.price .ddal-price-offer :is(ins, del) .amount,
:is(body.wp-theme-flatsome #main .price, body.wp-theme-flatsome #main .product-main form.cart .woocommerce-variation-price .price, .ddal-qv__price .price) .ddal-price-offer :is(ins, del) .amount {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

.price .ddal-price-offer del bdi {
    text-decoration: line-through !important;
}
.price .ddal-price-offer .woocommerce-Price-currencySymbol {
    font-size: 1em !important;
}
.price .ddal-price-offer__discount {
    order: 3;
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 2px 5px !important;
    border-radius: 3px;
    background: #fff0eb;
    color: #f45135;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}
.product-main .price .ddal-price-offer,
.ddal-qv__price .price .ddal-price-offer {
    --ddal-offer-size: clamp(26px, 2.4vw, 34px);
    --ddal-original-size: 15px;
    gap: 5px 10px !important;
}
.product-main .price .ddal-price-offer__discount,
.ddal-qv__price .price .ddal-price-offer__discount {
    font-size: 11px !important;
    padding: 3px 6px !important;
}
@media (max-width: 549px) {
    .price .ddal-price-offer {
        --ddal-offer-size: 15px;
        --ddal-original-size: 11px;
        gap: 4px 6px !important;
    }
    .product-main .price .ddal-price-offer,
    .ddal-qv__price .price .ddal-price-offer {
        --ddal-offer-size: 26px;
        --ddal-original-size: 14px;
        gap: 5px 8px !important;
    }
}

/* Product-card 17% offer layout — migrated from Additional CSS, 2026-10-07. */
body.wp-theme-flatsome #main .product-small .price .ddal-price-offer {
  --ddal-offer-size: 16px;
  --ddal-original-size: 11.5px;
  display: inline-grid !important;
  grid-template-columns: max-content max-content;
  grid-template-areas: "sale sale" "original discount";
  align-items: center !important;
  justify-content: start;
  gap: 4px 7px !important;
  max-width: 100% !important;
  vertical-align: top;
}

body.wp-theme-flatsome #main .product-small .price .ddal-price-offer > ins {
  grid-area: sale;
  justify-self: start;
}

body.wp-theme-flatsome #main .product-small .price .ddal-price-offer > del {
  grid-area: original;
  justify-self: start;
}

body.wp-theme-flatsome #main .product-small .price .ddal-price-offer__discount {
  grid-area: discount;
  justify-self: start;
  border-radius: 4px;
  padding: 2px 5px !important;
  background: #fff0eb;
  color: #b43b27;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 15px !important;
}

html body.wp-theme-flatsome #main .product-small.box .box-text .price-wrapper .price .ddal-price-offer > ins {
  color: #d7442c !important;
}

html body.wp-theme-flatsome #main .product-small.box .box-text .price-wrapper .price .ddal-price-offer > del {
  color: #6b7280 !important;
}

@media (max-width: 549px) {
  body.wp-theme-flatsome #main .product-small .price .ddal-price-offer {
    --ddal-offer-size: 15px;
    --ddal-original-size: 11px;
    gap: 4px 6px !important;
  }
}

@container (max-width: 150px) {
  body.wp-theme-flatsome #main .product-small .price .ddal-price-offer {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  body.wp-theme-flatsome #main .product-small .price .ddal-price-offer > ins {
    flex-basis: 100%;
  }
}