/*
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.   ***************/

/* ========================================
   CSS EXTRACTED FROM ORIGINAL SITE (CSS-Used technique)
   Source: https://thucphamthucung.mauthemewp.com
   ======================================== */

/* Search form */
.header-search-form input[type=search],
.widget_product_search input[type=search],
.widget_search input[type=search] {
    height: 45px;
    border-radius: 99px 0px 0px 99px !important;
    padding-left: 30px;
    font-size: 14px;
}
.header-search-form .searchform .button.icon,
.widget_product_search .searchform .button.icon,
.widget_search .searchform .button.icon {
    width: 80px;
    height: 45px;
    border-radius: 0px 99px 99px 0px !important;
}

/* Search button - black like original */
.header-search-form .ux-search-submit,
.searchform .button.icon {
    background-color: #000 !important;
    color: #fff !important;
}

/* Header layout widths */
.header-main .flex-right, .logo-left .logo {
    width: 20% !important;
}

/* Danh mục sản phẩm menu button (orange pill) */
.shostvn-danh-muc-san-pham-menu {
    background: #ed6436;
    padding: 0 25px !important;
    border-radius: 99px;
}
.mobile-sidebar .shostvn-danh-muc-san-pham-menu {
    padding: 0px !important;
    background: rgb(0 0 0 / 0%);
    border-radius: 0px;
}
.shostvn-danh-muc-san-pham-menu .nav-top-link {
    color: #fff !important;
}
.shostvn-danh-muc-san-pham-menu .icon-angle-down {
    opacity: 1;
    margin-left: 0.5em;
}
.shost-menu {
    margin-right: 0.5em;
}

/* Submenu emoji */
.sub-menu .emoji, .shostvn-tab-product .emoji {
    margin-right: 10px !important;
    font-size: 1.5em;
}
.shostvn-tab-product .nav>li>a {
    padding: 20px;
}
.shostvn-tab-product .nav-vertical {
    width: 20%;
}

/* Off canvas */
.off-canvas-left .mfp-content {
    width: 300px;
}

/* Banner border radius */
.shostvn-border-banner .bg.bg-loaded {
    border-radius: 10px;
}

/* Product box image - border + radius */
.shostvn-product .box-image, .shop-container .box-image {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}
/* No border on homepage featured & categories, but keep border-radius */
.shostvn-home-featured .box-image,
.shostvn-home-categories .box-image {
    border: none !important;
    border-radius: 10px !important;
}
.shostvn-home-featured .product-small.box,
.shostvn-home-categories .product-small.box {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Footer icon circle */
.shostvn-footer .icon-inner {
    border: 2px solid #ed6436;
    border-radius: 99px;
    padding: 16px;
}

/* Newsletter form styling */
.shostvn-input-form, .dark .form-flat input:not([type=submit]) {
    background-color: #fff !important;
    padding: 25px 0 25px 25px !important;
    transition: all ease-out .3s !important;
    color: #000 !important;
}
.wpcf7-spinner {
    display: none;
}
.shostvn-footer-icon .button.icon:not(.is-outline) {
    background-color: #000 !important;
}
body.home.shostvn-footer-bg {
    background-color: #fff !important;
}

/* Menu title */
.ux-menu-title {
    font-size: 1em;
}

/* Container */
.container-width {
    max-width: 1400px;
}

/* Product tabs */
.description_tab, .reviews_tab {
    font-size: 1.25em;
    margin: 0 15px !important;
}

/* Newsletter button position */
.shostvn-button-form {
    position: absolute !important;
    top: 8%;
    right: -9px;
    height: 41px;
}

/* Absolute footer padding */
.absolute-footer .pull-left {
    padding: 20px 0;
}

/* Footer bottom bar */
.absolute-footer, html {
    background-color: #009ab2;
}

/* Page title overlay (shop/product breadcrumb bar) */
.shop-page-title.featured-title .title-overlay {
    background-color: #ed6436;
}

/* Product single - Add to cart button (black, pill) */
.single_add_to_cart_button {
    background-color: #000 !important;
    border-radius: 99px !important;
}
.single_add_to_cart_button:hover {
    background-color: #333 !important;
}

/* Product vertical box min-width */
@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !important;
    }
}

/* Cart icon text styling */
.header-cart-link .cart-price { font-weight: 700; }

/* Header backgrounds */
.header-top { background-color: #009ab2 !important; }
.header-bottom { background-color: #009ab2; }

/* Nav colors */
.header:not(.transparent) .top-bar-nav > li > a { color: #ffffff; }
.header:not(.transparent) .header-nav-main.nav > li > a { color: #1e73be; }
.header:not(.transparent) .header-nav-main.nav > li > a:hover,
.header:not(.transparent) .header-nav-main.nav > li.active > a,
.header:not(.transparent) .header-nav-main.nav > li.current > a {
    color: #dd9933;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a { color: #ffffff; }
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li.active > a,
.header:not(.transparent) .header-bottom-nav.nav > li.current > a {
    color: #f4f4f4;
}

/* Menu label badges */
.label-new.menu-item > a:after { content: "Mới"; }
.label-hot.menu-item > a:after { content: "Thịnh hành"; }
.label-sale.menu-item > a:after { content: "Giảm giá"; }
.label-popular.menu-item > a:after { content: "Phổ biến"; }

/* Nav border decorations */
.nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    .header-main { height: 70px; }
    #logo img { max-height: 70px !important; }
    .shostvn-tab-product .nav-vertical {
        width: 100%;
    }
    .flex-right, .logo-left .logo {
        width: 30% !important;
    }
}



@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

/* Bỏ margin âm của dropdown li, chỉ áp dụng cho header */
.header .nav-dropdown > li,
.header .nav-dropdown > li.menu-item {
    margin: 0 !important;
}
/* ========================================
   CSS SECTION FOOTER DEV GIỐNG BẢN GỐC
   ======================================== */
.shostvn-footer-bg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Background image */
.shostvn-footer-bg .section-bg img {
    content: url('./assets/images/bg_spnb-1.png') !important;
    object-position: 68% 0% !important;
}

/* Fix shape divider height */
.shostvn-footer-bg .ux-shape-divider--top svg {
    height: 150px !important;
}

/* Section gap */
.shostvn-footer-bg .gap-element {
    padding-top: 80px !important;
}

/* Column inner padding (bản gốc có padding top 20px) */
.shostvn-footer-bg .col:not(:first-child) > .col-inner {
    padding: 20px 0px 0px 0px !important;
}

/* Footer menu title (Sản phẩm, Chính sách hỗ trợ) */
.shostvn-footer-bg .ux-menu-title.footer-title {
    font-size: 1.6em !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin-top: 0 !important;
    margin-bottom: .5em !important;
    min-height: auto !important;
    padding: 0 !important;
    color: #fff !important;
    line-height: 1.3 !important;
}
@media (max-width: 549px) {
    .shostvn-footer-bg .ux-menu-title.footer-title {
        font-size: 1.2em !important;
    }
}

/* Footer menu links (Cún cưng, Mèo cưng...) */
.shostvn-footer-bg .ux-menu .ux-menu-link {
    margin-bottom: 0.6em !important;
}
.shostvn-footer-bg .ux-menu-link__link {
    border-bottom: none !important;
    padding: 0 !important;
    min-height: auto !important;
    color: #f1f1f1 !important;
}
.shostvn-footer-bg .ux-menu-link__link:hover {
    color: #fff !important;
}

/* Social icons layout */
.shostvn-footer-bg .social-icons.x-follow a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 999px !important;
    width: 2.5em !important;
    height: 2.5em !important;
    margin-right: 1em !important;
    margin-bottom: 1em !important;
    text-align: center !important;
    transition: transform .3s, background .3s, opacity .3s !important;
    border: none !important;
    padding: 0 !important;
}
.shostvn-footer-bg .social-icons.x-follow a i {
    font-size: 1.2em !important;
    margin: 0 !important;
}

/* Fix mobile grid layout for columns 2 and 3 */
@media screen and (max-width: 549px) {
    .shostvn-footer-bg .row > .col:nth-child(2),
    .shostvn-footer-bg .row > .col:nth-child(3) {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}

/* Iframe Google map height */
.shostvn-footer-bg iframe {
    height: 200px !important;
}