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


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


}
/* ===== Font chung ===== */
body {
  font-family: 'Roboto', sans-serif;
}
h1, h2, .nav > li > a {
  font-family: 'Poppins', sans-serif;
}

/* ===== css footer ===== */
.footer-upgraded {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 
  color: #f1f1f1;

  gap: 20px;
}

.ft {
	padding-bottom: 0 !important
}

.box-text-products {
	padding: 12px !important
}
.absolute-footer {
 
    padding: 10px 0;
}

.row-divided.row-reverse>.col+.col:not(.large-12) {
	border-right: 0;
	padding-right: 20px;
}

.box-support {
 	padding: 12px !important;
    margin-top: 30px;
  
}

.category-filtering, .woocommerce-ordering {
	display: none
}

.box-support {
  
    padding: 12px;
  
}

.stuck .header-main {
  display: none
}

.footer-left {
  flex: 1 1 40%;
  min-width: 250px;
}

.footer-right {
  flex: 1 1 55%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  min-width: 250px;
}

.footer-column {
  flex: 1 1 200px;
}

.footer-upgraded h3.company-name {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 10px;
}

.footer-upgraded h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #ffffff;
  text-transform: uppercase;
}

.footer-upgraded p,
.footer-upgraded li {
  font-size: 14px;
  line-height: 1.6;
}

.footer-upgraded ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-upgraded ul li::before {
  content: "› ";
  color: #ffd700;
  margin-right: 5px;
}

.hotline {
  color: #ff4d4d;
  font-weight: bold;
  text-decoration: none;
}

.hotline:hover {
  text-decoration: underline;
}

.icon-phone::before {
  content: "📞";
  margin-right: 6px;
}

@media (max-width: 768px) {
  .footer-upgraded {
    flex-direction: column;
  }

  .footer-right {
    flex-direction: column;
  }
}
/* ===== css footer ===== */

/* ===== Menu chính ===== */
.header-nav-main nav > ul > li {
  margin-right: 2px !important; /* Giảm khoảng cách giữa các mục menu */
}

.header-nav-main nav > ul > li > a {
  font-size: 12px !important; /* Nhỏ gọn hơn */
  padding: 8px 10px !important; /* Ít padding hơn giúp menu không tràn */
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap; /* Ngăn chữ xuống dòng */
  color: #333;
  transition: all 0.3s ease;
}

/* Hover & trạng thái Active */
.header-nav-main nav > ul > li > a:hover,
.header-nav-main nav > ul > li.active > a {
  color: #0073aa;
  border-bottom: 2px solid #0073aa;
}

/* ===== Dropdown Menu ===== */
.nav-dropdown {
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background: white;
  padding: 15px 0;
  transition: all 0.3s ease;
  min-width: 180px;
}

.nav-dropdown li > a {
  padding: 10px 20px;
  font-size: 13px;
  color: #333;
  transition: all 0.3s ease;
}

.nav-dropdown li > a:hover {
  background-color: #f5f5f5;
  color: #0073aa;
}

/* ===== Mobile Menu ===== */
.mobile-nav .nav-dropdown {
  background-color: #fff;
}

.mobile-nav .nav-dropdown li > a {
  padding: 14px 16px;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}

.mobile-nav .nav-dropdown li > a:hover {
  background-color: #f0f0f0;
  color: #0073aa;
}

#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all;
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #dd3333;
    background-color: #dd3333;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
	
}

@keyframes zoom {
  0% {
    transform: scale(.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }

  100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);
}

.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
	    background-color: #dd3333;
}



/* ===== Responsive thu gọn hơn trên laptop nhỏ ===== */
@media (max-width: 1200px) {
  .header-nav-main nav > ul > li > a {
    font-size: 11px !important;
    padding: 6px 8px !important;
  }
}

.woocommerce ul.products li.product {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  overflow: hidden;
  padding-bottom: 15px;
  transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
  transform: scale(1.02);
}

.woocommerce ul.products li.product .woocommerce-Price-amount {
  color: red;
  font-weight: bold;
}

/* xoa binh luan*/
add_action('admin_menu', 'remove_comments_menu');
function remove_comments_menu() {
    remove_menu_page('edit-comments.php');
}

/* het xoa binh laun*/

@media (max-width: 1145px) {
    .header-main {
        height: 90px !important;
       
    }
}