/*
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.   ***************/
/* Ẩn thanh phân trang Cool Timeline */
.cool-timeline nav.ctl-pagination {
    display: none !important;
    visibility: hidden !important;
}
/* ========== Ẩn CHỮ ngôn ngữ ở header (chỉ ở phần ngoài) ========== */

/* ẩn mọi text/pseudo-text trong <a> của language dropdown */
ul.header-nav li.header-language-dropdown > a,
.header-language-dropdown > a {
  color: transparent !important;            /* ẩn màu text */
  font-size: 0 !important;                  /* ẩn text node */
  line-height: 0 !important;
  white-space: nowrap;
  text-shadow: none !important;
  overflow: visible;
}

/* ẩn pseudo content nếu theme dùng ::before / ::after */
ul.header-nav li.header-language-dropdown > a::before,
ul.header-nav li.header-language-dropdown > a::after,
.header-language-dropdown > a::before,
.header-language-dropdown > a::after {
  display: none !important;
  content: none !important;
}

/* giữ icon cờ và mũi tên hiển thị bình thường */
ul.header-nav li.header-language-dropdown > a .image-icon,
ul.header-nav li.header-language-dropdown > a .icon-image,
ul.header-nav li.header-language-dropdown > a i,
ul.header-nav li.header-language-dropdown > a img {
  display: inline-block !important;
  font-size: initial !important;
  line-height: normal !important;
  color: inherit !important;
  visibility: visible !important;
  text-indent: 0 !important;
  transform: none !important;
}

/* đảm bảo dropdown vẫn hiển thị đầy đủ text (English / Tiếng Việt) */
.header-language-dropdown .nav-dropdown a {
  font-size: initial !important;
  color: inherit !important;
  line-height: normal !important;
  text-indent: 0 !important;
}


.blog-archive .row.large-columns-4 > .col {
  flex-basis: 25% !important;
  max-width: 25% !important;
}
.single-product .single_add_to_cart_button + .yith-ywraq-add-to-quote {
  display: none !important;
}
/* Normal state */
a.bu-outline-read-more.button.is-outline {
    background-color: transparent !important;
    color: #facc42 !important;
    border: 2px solid #facc42 !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Hover / Focus state */
a.bu-outline-read-more.button.is-outline:hover,
a.bu-outline-read-more.button.is-outline:focus {
    background-color: #facc42 !important;  /* fill vàng khi hover */
    color: #000 !important;                /* chữ đen */
    border-color: #facc42 !important;
    box-shadow: none !important;
}

/* Container image-icon */
ul.header-nav li.header-language-dropdown > a .image-icon {
    width: 29px !important;
    height: auto !important;
}

/* Image bên trong */
ul.header-nav li.header-language-dropdown > a .image-icon img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    min-width: auto !important;
}
/* Tên sản phẩm trên archive / shop / category / tag */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 25px !important;   /* tăng chữ */
    font-weight: 700 !important;  /* in đậm */
    line-height: 1.3 !important;  /* khoảng cách dòng hợp lý */
}

/* Làm đậm text sản phẩm trong danh sách */
.woocommerce-LoopProduct-link {
    font-weight: bold;
}
/* Cart icon */
.header-nav .cart-item .header-cart-link i {
    font-size: 28px !important;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

/* Account icon */
.header-nav .account-item i {
    font-size: 29px !important;
    width: 29px;
    height: 29px;
    line-height: 29px;
}

/* Search icon */
.header-nav .header-search i {
    font-size: 25px !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.header-nav li.header-language-dropdown {
    margin-right: 2px; /* khoảng cách phải so với item kế tiếp */
}
/* Language flag */

.header-nav li.header-language-dropdown > a {
    padding: 0 2px; /* giảm padding bên trong link */
    display: flex;
    align-items: right; /* căn giữa flag theo chiều dọc */
}

/* Giảm kích thước nút Read More để giống nút Add to Cart */
.read_more_button {
    font-size: 19px; /* bằng nút giỏ hàng */
    padding: 5px 8px; /* chỉnh padding theo nút giỏ hàng */
    height: auto; /* tránh cao hơn */
    line-height: 1.5; /* điều chỉnh cho chữ cân đối */
}



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


}