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

/* ====================================================
   HEADER MAIN – Layout 2 cột
   [Logo (trái)] | [Cột phải]
                      ├── Dòng trên: [Search] | [Icons]
                      └── Dòng dưới: [Nav menu] | [Language]
   ==================================================== */

/* Container 2 cột chính */
.header-inner-custom {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}

/* Cột trái: Logo */
.hmc-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: 20px;
}

/* Cột phải: chiếm phần còn lại */
.hmc-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Mỗi dòng trong cột phải */
.hmc-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

/* Phần trái của mỗi dòng (grow) */
.hmc-row-left {
  flex: 1;
  display: flex;
  align-items: center;
}

/* Phần phải của mỗi dòng */
.hmc-row-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* Dòng trên: search bar căn giữa */
.hmc-row-top {
  padding: 6px 0;
}

/* Kéo search input full chiều rộng */
.hmc-row-top .hmc-row-left form,
.hmc-row-top .hmc-row-left .searchform,
.hmc-row-top .hmc-row-left input[type="text"],
.hmc-row-top .hmc-row-left input[type="search"] {
  width: 100%;
  box-sizing: border-box;
}

.hmc-row-top .hmc-row-left .header-search {
  width: 100%;
}

/* Divider giữa dòng trên và dòng dưới */
.hmc-divider {
  height: 1px;
  background: var(--header-border-color, #e8e8e8);
  width: 100%;
}

/* Dòng dưới: nav menu */
.hmc-row-bottom {
  padding: 0;
  border-top: 1px solid #e8e8e8;
}

/* Remove extra margin từ flatsome nav */
.hmc-row .header-nav,
.hmc-row .nav {
  margin: 0;
  padding: 0;
}
.hmc-right .nav > li {
  margin: 0 12px;
}
.hmc-right .nav > li > a {
  font-size: 0.8em;
  color: #2d1e19;
  font-weight: 400;
}
.hmc-right .nav-right li > a {
  color: #b18e4f !important;
}
.hmc-right .nav > li.current-menu-item a,
.hmc-right .nav > li:focus a,
.hmc-right .nav > li:hover > a {
  color: #b18e4f;
}
.hmc-row-right .glink {
  padding: 5px 3px;
}

.form-flat form.searchform input.search-field {
  height: 35px;
  border: unset;
  padding: 9px 35px 9px 20px;
  background-color: rgb(45 30 25 / 10%) !important;
  border-radius: 30px;
  width: 100%;
  font-size: 12px;
  color: #2d1e19 !important;
}

.is-divider {
  display: none;
}
.box-text .title-wrapper .box-text h5 {
  margin-bottom: 10px;
}
.absolute-footer .copyright-footer,
.footer p,
.footer .widget .textwidget,
.footer ul li a,
.footer .dark a,
.footer .dark .widget a,
.dark,
.footer .dark td {
  font-size: 14px;
  color: rgb(255 255 255 / 60%);
  line-height: 150%;
}
.absolute-footer {
  background-image: url(assets/img/bg_footer.png);
}
.absolute-footer .container {
  border-top: 1px solid rgb(255 255 255 / 10%);
  padding-top: 10px;
}
.box-text.text-center {
  font-size: 0.9em;
}

/* === Rating Stars – hiển thị phía trên giá trong danh sách sản phẩm === */
/* Dùng flexbox column + order để tự động đặt rating lên trên price
   Hoạt động cho cả content-product.php và ux_products (mọi style) */
.product-small .price-wrapper {
  display: flex;
  flex-direction: column;
}
/* Rating stars: lên trước (order 1) */
.product-small .price-wrapper .star-rating,
.product-small .price-wrapper .woocommerce-product-rating {
  order: 1;
  margin-bottom: 3px;
  font-size: 0.85em;
}
/* Price: xuống sau (order 2) */
.product-small .price-wrapper .price {
  order: 2;
}
.product-gallery-slider,
.box-image img,
.box-image .image-cover {
  border-radius: 10px;
  overflow: hidden;
}

.home-title .section-title-main {
  background: #57312a !important;
  color: #fff !important;
  padding: 5px 25px;
}
.footer span.widget-title {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.footer-2 .icon-box-img svg {
  color: #b18e4f;
}

.banner-text-slg {
  font-size: 2em;
  line-height: 150%;
  font-family: "Times New Roman", Times, serif;
  font-weight: 600;
  font-style: italic;
}

.footer-2 .widget > ul > li + li,
.footer-2 ul.menu > li + li {
  border: none;
}

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

/* ============================================================
   SINGLE PRODUCT PAGE – Style theo mẫu thiết kế
   ============================================================ */

/* --- Rating row: score + sao + đánh giá + đã bán trên 1 hàng --- */
.sp-rating-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.sp-rating-score {
  font-size: 1.05em;
  font-weight: 700;
  color: #222;
}
.sp-rating-row .star-rating {
  font-size: 0.9em;
  color: #f5a623;
}
.sp-review-count {
  font-size: 0.85em;
  color: #555;
  text-decoration: none;
}
.sp-review-count:hover {
  text-decoration: underline;
}
.sp-rating-sep {
  color: #ccc;
  font-size: 0.85em;
}
.sp-sold-count {
  font-size: 0.85em;
  font-weight: 600;
  color: #555;
}

/* --- Tình trạng kho --- */
.sp-stock-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9em;
  margin-bottom: 10px;
  background: none;
  padding: 0;
}
.sp-stock-label {
  color: #555;
  font-weight: 400;
}
.sp-stock-status.in-stock .sp-stock-value {
  color: #2e7d32;
  font-weight: 700;
}
.sp-stock-status.out-of-stock .sp-stock-value {
  color: #c62828;
  font-weight: 700;
}

/* --- Giá sản phẩm --- */
.single-product .price-wrapper .price,
.single-product .price-wrapper p.price {
  font-size: 1.6em;
  font-weight: 700;
  color: #b8860b;
  margin-bottom: 10px;
}

/* --- Nút MUA NGAY & THÊM GIỎ HÀNG --- */
.single-product .cart .ux-buy-now-button,
.single-product form.cart .ux-buy-now-button {
  background: #1a1a1a;
  color: #fff;
  border: none;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 28px;
  border-radius: 4px;
  font-size: 0.9em;
}
.single-product .cart .ux-buy-now-button:hover {
  background: #333;
}
.single-product .cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
  background: #b8860b;
  color: #fff;
  border-color: #b8860b;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 28px;
  border-radius: 4px;
  font-size: 0.9em;
}
input[type="number"] {
  height: auto;
}
.single-product form.cart .button,
.single-product form.cart button,
.single-product form.cart input[type="button"],
.single-product form.cart input[type="reset"],
.single-product form.cart input[type="submit"] {
  line-height: 1em !important;
}
.single-product .cart .single_add_to_cart_button:hover {
  background: #9a7009;
  border-color: #9a7009;
}

/* --- Short description --- */
.single-product .product-short-description {
  color: #444;
  font-size: 0.92em;
  line-height: 1.7;
  margin-bottom: 16px;
  border-left: 3px solid #e8d5a3;
  padding-left: 12px;
}
.block-khuyen-mai {
  border: 1px solid #b18e4f;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

.block-khuyen-mai .section-title-container {
  margin-bottom: 0px;
}

.block-khuyen-mai h3.section-title {
  background-image: linear-gradient(to right, #2d1e19 0%, #d1b88f 100%);
  padding: 10px 20px;
  align-items: center;
  text-align: center;
  color: #fff;
  display: inline-block;
  width: 100%;
}

.block-khuyen-mai .section-title b {
  display: none;
}

.block-khuyen-mai .text-box {
  padding: 15px;
}

.block-khuyen-mai .text-box p {
  margin-bottom: 0;
}

.box-text .add-to-cart-button a{
	width: 100%;
	padding: 3px 10px;
	border-radius: 5px;
}
.box-text .add-to-cart-button:focus a,
.box-text .add-to-cart-button:hover a{
	 color: #b18e4f !important;
}