/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.vs-order-cart .wfs-cart-wrapper.mini-cart {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    width: 100%;
    padding-left: 0;
    display: block;
    z-index: 9;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.empty {
    height: auto;
    width: 100%;
    position: relative;
    overflow: unset;
    border: 0;
}

.vs-order-cart {
    display: block;
    width: 100%;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart a.wfs-mini-cart-icon {
    display: none;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-body-fade {
    display: none;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.empty .wfs-cart-overview {
    box-shadow: unset;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.content {
    border: 0;
    overflow: unset;
    height: auto;
    width: 100%;
    position: relative;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.content .wfs-cart-overview {
    box-shadow: unset;
}

.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.content .wfs-cart-content-area {
    height: auto;
}

.wfs-cart-overview {
    background: #009745 !important;
}
.wfs-cart-overview .wfs-cart-subtotal{
    color: #000;
}
.wfs-cart-overview a i,
.wfs-cart-overview .wfs-clear-cart i {
    color: #FFF !important;
}
.wfs-modal-count input{
    margin: 0;
}
.wfs-qty-btn.wfs-qtyminus{
    background: #009745 !important;
}
.wfs-qty-btn.wfs-qtyplus{
    background: #fecc40 !important;
}
.wfs-sidebar-menu > .list-menu {
    padding: 0;
    margin: 0;
    background: #009745;

    padding: 5px;
    border-radius: 5px;
}
.wfs-sidebar-menu > .list-menu .item{
    padding: 0;
    margin: 0;
    display: flex;
    background: #009745;
    align-items: center;
    background: #fecc40;
    border-radius: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}
.wfs-sidebar-menu .list-menu a {
    color: #fff;
    display: block;
    border-bottom: none;
    padding: 12px;
    text-decoration: none !important;
    display: block;
    min-width: 150px;
}
.wfs-sidebar-menu img{
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: top;
}
.vs-order-cart .wfs-cart-wrapper.mini-cart .wfs-cart-expanded.active.content{
    margin-top: 20px !important;
    border-radius: 5px !important;
    background-color: #009745;
  }
  .wfs-cart-overview{
    background: #fecc40 !important;
  }

  .fs-btn-primary.wfs-proceed-to-checkout{
    background-color: #009745 !important;
    color:#fff
  }
  .wfs-cart-item-title p,.wfs-cart-content-area *{
    color: #FFF;
  }
  .wfs-cart-content-area .wfs-cart-item-price *{
    color: #fecc40 !important;
  }
  .fs-row h3.wfs-category-title{
    color: #009745 !important;
    font-weight: bold;
  }
  .wfs-sidebar-menu > .list-menu .item:last-child{
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* .wfs-cart-purchase-actions-mobile>a.btn-checkout {
        line-height: 44px;
        background-color: #fecc40 !important;
        color: #000;
        padding: 0px 16px;
        display: inline-block;
        border-radius: 99px;
        font-size: 16px;
        font-weight: 900;
    }
    .wfs-cart-overview .wfs-cart-subtotal{
        color: #FFF;
    }
    .fs-btn {

        border-radius: 50%;
        position: absolute;
        right: 0;
        bottom: 30px;
    }

    #wfs-food-items p {
        margin-top: 10px !important;
    }

    .wfs-cart-overview {
        border-radius: 99px;
        width: 94%;
        position: fixed;
        z-index: 99999999999999;
        bottom: 0;
        left: 3%;
        box-shadow: -7px -5px 16px #00000024;
        padding: 6px;
    }

    .wfs-cart-purchase-actions-mobile {
        width: 100%;
        padding: 4px;
        display: flex;
        justify-content: space-between;
    }

    .wfs-cart-purchase-actions-mobile .wfs-cart-subtotal {
        background: #fecc40;
        border-radius: 99px;
        padding: 5px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        bottom: 0;
    }

    .wfs-cart-purchase-actions-mobile .wfs-cart-subtotal .count {
        background: #009745;
        border-radius: 99px;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        line-height: 25px;
    }

    .modal-content-wrapper.fs-row img {
        width: 100%;
    }
    .wfsmodal-header .modal__close {
        width: 40px;
        height: 40px;
        line-height: 0;
        border-radius: 50px;
    }
    .wfsmodal-header{
        background: #009745;
    }
    body .wfsmodal-header .modal__close{
    background-color: #fecc40!important;
    color: #000;
    font-weight: bolder;
    margin: 0;
    }
    .wfsmodal-title{
        color: #FFF;
    }
    .wfsmodal-footer .wfs-modal-add-to-cart a{
        background-color: #009745!important;
    }
    #logo img,#logo{
        max-height: 500px !important;
    }
    .header-main{
        height: 250px !important;
    }
    .wfs-sidebar-menu > .list-menu {
        padding: 0;
        margin: 0;
        list-style: none !important;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        background: #009745;
        align-items: center;
        gap: 10px;
        padding: 5px;
        border-radius: 5px;
    }
    .wfs-sidebar-menu > .list-menu .item{
        padding: 0;
        margin: 0;
        display: flex;
        background: #009745;
        align-items: center;
        background: #fecc40;
        border-radius: 50px;
        padding-left: 5px;
    }
    
    .wfs-sidebar-menu .list-menu a {
        color: #fff;
        display: block;
        border-bottom: none;
        padding: 12px;
        text-decoration: none !important;
        display: block;
        min-width: 150px;
    }
    .wfs-sidebar-menu img{
        border-radius: 50%;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: top;
    }
    #wfs-sticky-sidebar{
        padding: 0 !important;
    } */
     
}
/* Card món ăn bo góc, bóng mờ, mobile */
.fshop-products .product, .fs-product, .fs-menu-card {
  border-radius: 18px !important;
  box-shadow: 0 4px 16px #00B14F20, 0 1.5px 3px #0002;
  background: #fff;
  margin: 14px 0;
  overflow: hidden;
  transition: box-shadow .18s;
  border: none !important;
}
.fshop-products .product:hover, .fs-product:hover, .fs-menu-card:hover {
  box-shadow: 0 8px 32px #00B14F30;
}

.fshop-products .product img, .fs-product img, .fs-menu-card img {
  border-radius: 14px 14px 0 0 !important;
  width: 100%; object-fit: cover;
  aspect-ratio: 1.4/1;
  margin-bottom: 0;
}
.fs-product-title, .fshop-products .product-title, .fs-menu-card .fs-product-title {
  font-weight: 700; color: #181818; text-align: center;
  font-size: 1.16rem;
  margin-top: 8px; margin-bottom: 3px;
  line-height: 1.3;
}
.fs-product-price, .fshop-products .woocommerce-Price-amount, .fs-menu-card .fs-product-price {
  color: #00B14F; font-weight: bold; font-size: 1.15rem; text-align: center;
  margin-bottom: 8px;
}

/* Nút chọn món */
.fs-product-cart-btn, .add_to_cart_button, .fshop-add-to-cart, .fs-menu-card .fs-product-cart-btn {
  background: #00B14F !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-size: 1rem;
  padding: 10px 22px;
  display: block;
  margin: 12px auto 0 auto;
  border: none;
  font-weight: 600;
  box-shadow: 0 1px 6px #00B14F10;
  transition: background .2s;
}
.fs-product-cart-btn:hover, .add_to_cart_button:hover, .fshop-add-to-cart:hover, .fs-menu-card .fs-product-cart-btn:hover {
  background: #008c3b !important;
}

/* Danh mục ngang dạng kéo, giống GrabFood */
.fshop-categories, .fs-cat-list {
  display: flex; gap: 10px; overflow-x: auto; padding: 8px 0 8px 3px;
  margin-bottom: 14px; scrollbar-width: none; -ms-overflow-style: none;
}
.fshop-categories::-webkit-scrollbar, .fs-cat-list::-webkit-scrollbar { display: none; }
.fshop-categories .fshop-category, .fs-cat-list .fs-cat {
  background: #f5f5f7;
  color: #222;
  border-radius: 14px;
  font-size: 1rem;
  font-weight: 600;
  padding: 10px 24px;
  cursor: pointer; border: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.fshop-categories .fshop-category.active, .fshop-categories .fshop-category:hover,
.fs-cat-list .fs-cat.active, .fs-cat-list .fs-cat:hover {
  background: #00B14F; color: #fff;
}

/* Bottom Bar giỏ hàng nổi cố định */
.fshop-cart-bottom-bar, #fs-cart-bar, .fs-bottom-cart {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #fff;
  box-shadow: 0 -3px 28px #00B14F28;
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px;
  font-size: 1.08rem;
  border-radius: 20px 20px 0 0;
}
.fshop-cart-bottom-bar .cart-count, .fs-bottom-cart .cart-count {
  background: #00B14F; color: #fff; border-radius: 999px;
  font-weight: 700; padding: 6px 16px;
  margin-right: 14px; font-size: 1.1rem;
}
.fshop-cart-bottom-bar .cart-link, .fs-bottom-cart .cart-link {
  background: #00B14F; color: #fff; border-radius: 999px;
  font-weight: 700; padding: 10px 30px;
  text-decoration: none; font-size: 1.1rem;
  box-shadow: 0 1.5px 8px #00B14F15;
  transition: background .2s;
}
.fshop-cart-bottom-bar .cart-link:hover, .fs-bottom-cart .cart-link:hover {
  background: #008c3b;
}

/* Popup chọn món (nếu plugin hỗ trợ) */
.fs-modal, .fs-product-modal, .fshop-modal, .modal.show {
  border-radius: 24px 24px 0 0 !important;
  max-width: 500px !important;
  left: 50% !important; transform: translateX(-50%);
  padding-bottom: 12px !important;
}
.fs-modal .modal-header, .fs-product-modal .modal-header { border: none; }
.fs-modal .modal-footer, .fs-product-modal .modal-footer { border: none; }

/* Số lượng + - */
.fs-quantity, .qty, .woocommerce-quantity input[type=number] {
  border-radius: 8px; font-size: 1.1rem; width: 54px !important;
  text-align: center; border: 1.5px solid #e0e0e0;
  padding: 6px 3px;
}
.fs-qty-btn, .plus, .minus {
  border-radius: 8px;
  background: #f3f3f3;
  color: #222; font-size: 1.15rem;
  border: none; width: 38px; height: 38px;
  margin: 0 5px;
  font-weight: 700;
}
.wfs-cart-overview-row{
    align-items: center;
}
/* Mobile-first: tăng padding, font to, spacing rộng */
@media (max-width:600px) {
  .fshop-products .product, .fs-product, .fs-menu-card {margin:8px 0;}
  .fs-product-title, .fshop-products .product-title, .fs-menu-card .fs-product-title {font-size:1.06rem;}
  .fshop-cart-bottom-bar, #fs-cart-bar, .fs-bottom-cart {font-size: 1.03rem; padding: 10px 7px;}
  .fshop-categories .fshop-category, .fs-cat-list .fs-cat {font-size: 0.98rem; padding: 9px 17px;}
  #wfs-sticky-sidebar{padding: 0 !important;}
}