/*
Theme Name: Flatsome Child
Description:  Kichatech Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
  --primary-color: #fa0001; /* Màu chính (biến màu) */
  --secondary-color: #333; /* Màu phụ */
  --text-color: #333; /* Màu chữ */
}

@import url("https://fonts.googleapis.com/css2?family=Beiruti:wght@300;400;500;600;700&display=swap");

.top-divider {
  border-top: none;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
  height: 1px !important;
}
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot,.slider-nav-light .flickity-page-dots .dot {
  border-radius: 16px
}
.slider-nav-light .flickity-page-dots .dot.is-selected{
  border-color: #fa0001 !important;
}
svg.flickity-button-icon {
  display: none;
}
button.flickity-button.flickity-prev-next-button.previous::after, button.flickity-button.flickity-prev-next-button.previous::after {
  background-size: 100% 100%;
  content: '\f060';
  position: absolute;
  left: 0;
  font-family: "Font Awesome 6 Free";
  color: var(--primary-color);
}
button.flickity-button.flickity-prev-next-button.next::after, button.flickity-button.flickity-prev-next-button.next::after {
  background-size: 100% 100%;
  content: '\f061';
  position: absolute;
  right: 0;
  font-family: "Font Awesome 6 Free";
  color: var(--primary-color);  
}
.section-title-center span {
  border-bottom: 2px solid #fa0001;;
}
.section-title b {
  height: 0;
}
.product-title a  {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.product-small .box-image img {
  border: 1px solid #fa0001
}
span.price bdi {
  color: #fa0001;
}
/* input[type=number],input[type=submit]{
  height: 45px !important;
  box-shadow: none;
  font-weight: 500;
} */
.col-form input[type=submit]{
  position: absolute;
  right: 0;
  margin-right: 0;
  margin-bottom:0;
  border: 0;
}
span.wpcf7-spinner{
  display: none;
}

.section-title-normal {
    border-bottom: 2px solid #fa0001;
}
.section-title {
    width: max-content;
}
.section-title-container , form{
  margin-bottom: 0.5em;
}

.footer ul {
  list-style: none;
}
.footer ul li{
  margin-left: 0;
}
.button.is-outline{
  border: 1px solid;
  border-radius: 0 !important;
}
.absolute-footer{
  color: var(--text-color);
}
.section-ft-form .fa-solid{
  padding: 10px;
  background-color: var(--primary-color);
  border-radius: 99px;
  color: #fff;
}
.section-ft-form {
  border-top: 1px solid #fa0001;
}
.page-title-inner {
  min-height: 40px;
  padding-top: 0;
}
.shop-page-title{
  background-color: #f5f5f5;
}
.vertical-thumbnails .col {
  width: 75% !important;
} 
.chitiet-sp span.amount{
  color: #fa0001;
}
.chitiet-sp span.amount::before{
  content: "Giá: ";
  color: #333;
}
.product_meta>span {
  border-bottom: 1px dotted #ddd;
}
span.widget-title{
  text-transform: none !important;
}
.chitiet-sp p.price.product-page-price.price-on-sale {
  padding: 15px 0;
  border-top: 1px dashed #c2c2c2;
  border-bottom: 1px dashed #c2c2c2;
}
blockquote, dl, figure, form, ol, p, pre, ul {
  margin-bottom: 15px;
}
.woocommerce-message.message-wrapper{
  display: none;
}
/* .footer span.section-title-main {
	border-bottom:1px solid #fa0001 !important;
} */
.section-title-normal span {
    border-bottom: 0;
}
.header-main input#woocommerce-product-search-field-0 {
  border-radius: 4px 0 0 4px;
  height: 40px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  height: 40px;
  border-radius: 0 4px 4px 0;
}
li.cart-item.has-icon.has-dropdown {
  padding-right: 10px;
}
.header-main .icon-shopping-bag {
  font-size: 30px;
  border-bottom: 2px solid #fa0001;
}
.header-bottom{
  border-bottom: 2px solid #fa0001;
}
ins span.woocommerce-Price-amount.amount {
  font-size: 18px;
}
li#tab-title-description a {
  border-right: 1px solid #fa0001;
  border-top: 3px solid #fa0001;
  border-left: 1px solid #fa0001;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
}
.nav-line>li>a:before {
  height:0 !important;
}
.icon-shopping-bag:before {
  color: #fa0001;
}
button.single_add_to_cart_button.button.alt,input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form,input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
  border-radius: 4px;
}
.form-row-first{
        width: 100%;
}
input {
    height: 40px !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}
.has-border {
    border: 1px solid var(--fs-color-primary);
}