/* ==========================================================================
   woocommerce.css - san pham, gio hang, bo loc
   ========================================================================== */

/* Gia */
.woocommerce-Price-amount.amount{color:red}

/* Nut Mua ngay (Flatsome) */
.ux-buy-now-button{background-color:var(--dhmk-primary,#e94a10);border-color:var(--dhmk-primary,#e94a10);width:85%;padding:1em}

/* Thuoc tinh tren anh san pham */
.woocommerce ul.products li.product,
.products .product{position:relative}
.product-attribute-top,
.product-attribute-bottom{position:absolute;right:10px;z-index:10;padding:0 5px;border-radius:3px;background:linear-gradient(135deg,rgba(255,0,0,.9),rgba(255,100,0,.9))}
.product-attribute-top{top:2px}
.product-attribute-bottom{top:31px}
.attribute-term{display:block;font-size:14px;color:#fff;margin:0}

/* Tab mo ta san pham */
.woocommerce-tabs ul.wc-tabs.product-tabs{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.woocommerce-tabs ul.wc-tabs.product-tabs>li{flex:1 1 auto;margin:0;padding:1px 15px;border-radius:1px;background:#575c5c;text-align:center;list-style:none}
.woocommerce-tabs ul.wc-tabs.product-tabs>li>a{display:block;color:#fff;text-decoration:none}
.woocommerce-tabs ul.wc-tabs.product-tabs>li.active{background:#1e2020}
.woocommerce-product-attributes-item__label{text-transform:none}
@media(max-width:768px){
  .woocommerce-tabs ul.wc-tabs.product-tabs{flex-direction:column}
}

/* Bo loc theo gia */
.price_slider .ui-slider-range{background-color:green!important}
.price_slider .ui-slider-handle{background-color:green!important;border-radius:50%}
.price_slider{width:100%;margin-bottom:10px}
.price_slider_amount{display:flex;flex-direction:column;align-items:center}
.price_slider_amount .price_label{margin-bottom:10px}
.price_slider_amount .price_label .from,
.price_slider_amount .price_label .to{color:red!important}
.price_slider_amount .button{display:block;margin-top:10px;background-color:green!important;color:#fff!important}