/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.20.4.1767059261
Updated: 2025-12-30 01:47:41

*/

/* ===== LAYOUT 1/6 - 4/6 - 1/6 ===== */
.site-main .container {
	max-width: 1900px;
}
  .ai-shop-left {
	  position:sticky;
	  top:20px;
	  margin-left: 20px;
}
.ai-shop-right {
	  position:sticky;
	  top:20px;
	margin-left: 90px;
}
/* Shop loop: hiển thị ảnh full (không crop), giữ tỉ lệ */
.products .product-small .box-image a,
.products .product-small .box-image .image-fade_in_back a {
  display: block;
}

.products .product-small .box-image img {
  width: 100%;
  height: auto !important;     /* quan trọng: bỏ height cố định */
  object-fit: contain !important;
  object-position: center;
}

/* Nếu theme đang ép khung ảnh cao cố định, nới lại để không “cắt” */
.products .product-small .box-image {
  height: auto !important;
}

.ai-cat-intro h1 {
	font-size: 11px;
	text-transform:uppercase;
	color: #000;
}
.ai-cat-desc p {
	font-size: 11px;
	color: #000;
	width: 75%;
}
.custom-footer-cat .ux-menu {
	    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;

}
.custom-footer-cat , .custom-footer-poly {
		padding: 0 !important;
}
.custom-footer-cat .ux-menu-link__text {
	font-size:11px;
    letter-spacing:.06em;
    text-transform: uppercase;
    line-height:1;
    color:#000000;
    font-weight:400;
}
.custom-footer-poly .ux-menu {
	    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;

}
.custom-icon-footer {
	margin-bottom: 10px;
	gap: 20px;
}
.custom-icon-footer a.plain {
	color: #000;
}
.custom-footer-poly .ux-menu-link__text {
	font-size:11px;
    letter-spacing:.06em;
    line-height:1;
    color:#888888;
    font-weight:400;
}

/* ===== AI Newsletter (CF7) ===== */
.ai-newsletter { position: relative; max-width: 520px; margin: 0 auto; }
.ai-newsletter__email{
  width:100%;
  box-sizing:border-box;
}

/* Ẩn phần lựa chọn + nút gửi lúc đầu */
.ai-newsletter__more{
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height .25s ease, opacity .2s ease, transform .25s ease;
}

/* Khi mở */
.ai-newsletter.is-open .ai-newsletter__more{
  max-height: 240px; /* đủ chứa radio + button */
  opacity: 1;
  transform: translateY(0);
  margin-top: 12px;
}

.ai-newsletter__submit input[type=submit] {
	background-color: #fff !important;
    color: #000;
    border: 1px solid #000000;
    font-size: 12px;
}
/* Radio layout giống hình (1 hàng) */
.ai-newsletter__options .wpcf7-list-item{
  margin: 0 18px 0 0;
}
.ai-newsletter__options label{
  display: inline-flex;
  gap: 8px;
	font-weight: 400;
	color: #000;
}

/* Button full width */
.ai-newsletter__btn{
  width:100%;
  display:block;
}

/* (Tuỳ chọn) làm input + button gọn gàng hơn */
.ai-newsletter__email,
.ai-newsletter__btn{
  height: 42px;
}

/* Center custom SSENSE-like login (AI EFL) */
body.woocommerce-account:not(.logged-in) .woocommerce .ai-efl-wrap{
  width: 100%;
  max-width: 560px;         /* chỉnh 520–600 tuỳ bạn */
  margin: 80px auto 120px;  /* auto = căn giữa */
  padding: 0 16px;
  float: none;
  display: block;
}

/* đảm bảo từng step chiếm full chiều ngang wrapper */
body.woocommerce-account:not(.logged-in) .woocommerce .ai-efl-step{
  width: 100%;
}

/* (tuỳ chọn) nếu container của theme đang bị lệch padding quá lớn */
body.woocommerce-account:not(.logged-in) .page-wrapper.my-account .container{
  width: 100%;
}