/* body */
.page-has-bg #masthead,
.page-has-bg #main {
  background: url("https://thomore.vn/wp-content/uploads/2025/03/BG-body-2-scaled.webp") repeat center center !important;
  background-size: cover !important;
	backdrop-filter: brightness(10);
}
/* header */
.header-wrapper.stuck #logo img{
	padding: 15px 0;
}
.header-wrapper.stuck .header-nav.nav.nav-left li a{
	line-height: 3.5;
}
.nav>li.cart-item>a{
	margin-top: 4px;
	font-size: .5em;
}
li.account-item .is-small, .is-small.button{
	 font-size: .05em;
}
.header-button .button.icon.circle{
	border: 2px solid #8C191B;
	padding: 0 1.5px !important;
	top: -1px;
}
.header-button i.icon-user-o{
	color: #8C191B;
  font-size: 1.1rem;
  left: -0.5px;
} 
.header-button .button.icon.circle:hover{
 background-color: #E9CDA8;	
}
.header-cart-link:hover .cart-icon strong{
	background-color: #E9CDA8;
}
#woocommerce-product-search-field-0{
	border: 2px solid #8C191B;
  border-radius: 7px;
}
#woocommerce-product-search-field-1{
	border: 2px solid #8C191B;
}
.sidebar-menu ul li a{
	color: #8C191B;
	font-weight: 400;
}
/* Bold item active trong mobile sidebar */
#main-menu.mobile-sidebar .nav-sidebar > li.current-menu-item > a,
#main-menu.mobile-sidebar .nav-sidebar > li.current_page_item > a,
#main-menu.mobile-sidebar .nav-sidebar > li.menu-item-active > a,
#main-menu.mobile-sidebar .nav-sidebar > li.is-active > a,
#main-menu.mobile-sidebar .nav-sidebar > li > a[aria-current="page"] {
  font-weight: 700;
}
header.entry-header{
	display:none;
}
.entry-content{
	padding-top:0;
}
.banner-bg.fill{
	background-color:transparent;
}
.header-nav.nav{
	flex-flow: row nowrap;
}
.header-nav.nav.nav-left{
	justify-content: center;
  gap: 19px;
  margin-left: -1rem;
}
.header-nav.nav.nav-left li a
{
	font-weight: 300;
	color: #8C191B;
	font-size: 1rem;
	line-height: 4.5rem;
}
.header-nav.nav.nav-left li a:hover{
	font-weight: 500;
}
.header-nav.nav.nav-left li.current-menu-item a,
.header-nav.nav.nav-left li.current_page_item a {
    font-weight: bold !important;
}

.cart-icon strong {
	border: 2px solid #8C191B;
	color: #8C191B;
}
.cart-icon strong:after{
	border: 2px solid #8C191B;
}
/* ===== Header trigger (nút chính) ===== */
.header-language-dropdown{
	margin: 0px 0px;
}
.header-language-dropdown__link{
  display:inline-flex;            /* đưa icon + mũi tên về cùng hàng */
  align-items:center;             /* căn giữa theo chiều dọc */
  line-height:1;
  padding:0px 0px !important;
}
.header-language-dropdown__link .image-icon img{
  display:block;                  /* tránh lệch baseline */
  width:22px; height:auto;
  vertical-align:middle;
}

/* Ẩn chữ nếu bạn đang dùng rule font-size:0 trước đó */
.header-language-dropdown__link{ font-size:0 !important; color:transparent !important; }

/* ===== Dropdown (menu con) ===== */
.header-language-dropdown .nav-dropdown{
  left:auto; right:0;             /* bám mép phải phần trigger */
  width:auto;                     /* cho co theo nội dung */
  min-width:80px !important;      /* ghi đè min-width mặc định của Flatsome (thường 220–240px) */
  padding:6px 10px;               /* thu gọn padding */
}
.header-language-dropdown .nav-dropdown > li{
  border:0 !important;            /* bỏ đường gạch phân cách như ảnh */
}
.header-language-dropdown .nav-dropdown li a{
  display:flex; align-items:center; gap:8px;
  padding:6px 6px; line-height:1;
  font-size:0 !important; color:transparent !important; /* chỉ hiện cờ */
  white-space:nowrap;
}
.header-language-dropdown .nav-dropdown li a img{
  display:block; width:22px; height:auto; vertical-align:middle;
}

/* (Tùy chọn) thu nhỏ mũi tên xuống để cân đối */
.header-language-dropdown__link .icon-angle-down{
  font-size:10px; margin-left:2px;
}
/* section triết lý nước hoa */
.lotus-image{
	  position: absolute;
    top: -24rem;
    left: -55rem;
    width: 300% !important;
    height: auto;
    z-index: 0;
}
.section-triet-ly-nuoc-hoa{
	position: relative;
	z-index: 3;
	margin-top: 0;
}

/* cảm hứng bộ sưu tập */
.section-cam-hung-bst{
	margin-top: -115px;
}
/* section product */
.section-sp-noi-bat .list-product-1 .product-small .box-text {
                text-align: center;
            }

            .section-sp-noi-bat .list-product-1 .product-small .box-text a {
                font-family: 'Neulis', sans-serif;
                font-size: 1.2rem;
                font-weight: 500;
                color: #8C191B !important;
            }
.section-sp-noi-bat .list-product-2 .product-small:first-child .box-text, .section-sp-noi-bat .list-product-1 .product-small .box-text p.category{
    display: none;
}
.section-sp-noi-bat .list-product-2 .product-small .box-text {
                text-align: center;
            }

            .section-sp-noi-bat .list-product-2 .product-small .box-text a {
                font-family: 'Neulis', sans-serif;
                font-size: 1.2rem;
                font-weight: 500;
                color: #8C191B !important;
            }
/* section feedback */
.section-feedback .box{
	margin-top: -20px;
}
.section-feedback .box-image{
	top: 60px;
  z-index: 3;
	margin: auto 115px;
}
.section-feedback .box-text{
	margin: auto 15px;
	background-color: #EEE6D9;
  padding: 70px 20px 20px 20px;
}
.section-feedback .box-text::after{
	content: "";
  position: absolute;
  bottom: -21px;      /* Đẩy ảnh pseudo lên trên 1 chút (tùy ý) */
  left: 0;
  width: 100%;
  height: 120px;   /* Chiều cao vùng pseudo hiển thị (tuỳ chỉnh) */
  background: url("https://thomore.vn/wp-content/uploads/2025/03/pseudo-feedback.webp") 
              no-repeat center bottom;
  background-size: contain;
}
/* footer */
.absolute-footer{
	display:none;
}
#footer .box-badge .box-text{
	background-color: #ffffff00;
}
#footer .box-text p {
	font-size: 1.2rem;
}
.wpcf7-form-control.wpcf7-submit{
	display: none;
}
/* Bao bọc input + icon */
.form-flat {
  position: relative;
  display: inline-block; 
  width: 100%;
  max-width: 100%; /* hoặc tuỳ ý */
}

/* Style cho ô input email */
span.wpcf7-form-control-wrap[data-name="your-email"] input{
   background-color:#fff;
}
.form-flat .wpcf7-form-control.wpcf7-email {
  width: 100%;
  border-radius: 50px;       /* Bo tròn giống ví dụ */
  border: 1px solid #ccc;    /* Viền mờ */
  padding: 10px 40px 10px 20px; /* Chừa khoảng trống cho icon bên phải */
  font-size: 16px;
  color: #999;               /* Màu placeholder */
  box-sizing: border-box;
  background-color: #fff;    /* Nền trắng */
}
.wpcf7 .wpcf7-not-valid-tip {
    position: absolute !important;
}
/* Icon máy bay giấy (Telegram) đặt chồng lên input */
.form-flat .icon-telegram {
  position: absolute;
  right: 5px;
  top: 23%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #96181A;
  pointer-events: none;
}

/* ------- KẾT THÚC HOMEPAGE ------- */

/* ----------------------------- */

/* --- TRANG VỀ CHÚNG TÔI ---- */
/* section triết lý nước hoa */
/* .tre-image{
	  position: absolute;
    top: 0;
    right: 0;
    width: 50% !important;
    height: auto;
    z-index: 3;
} */
.section-about-us{
	 position: relative;
/*   padding-right: 300px; */
/* 	z-index: 3; */
/* 	margin-top: 100px; */
}
.section-about-us::after {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  width: 304px;
  height: 969px; 
  background: url('https://thomore.vn/wp-content/uploads/2025/03/tre-1.webp'); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* section-triet-ly-about-us */
.section-triet-ly-about-us{
	 position: relative;
}
.section-triet-ly-about-us::after {
  content: "";
  position: absolute;
  top: 138px;
  left: 0;
  width: 772px; 
  height: 950px; 
  background: url('https://thomore.vn/wp-content/uploads/2025/03/triet-ly-about-us-e1741716094331.webp'); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* CUSTOM FORM WP */
.section-lienhe .wrapper-form{background-color: #8E1B1B; /* Màu nền đỏ đậm */
    border-radius: 20px;
	color: #fff;
}
.section-lienhe .wrapper-form::before {
    border-radius: 20px;
}
.text.form-contact-749 {
    background-color: #8E1B1B; /* Màu nền đỏ đậm */
		padding-top: 24px;
    border-radius: 20px;
	color: #fff;
}

.form-contact-749 label {
	color:#fff
}

.form-contact-749 input,
.form-contact-749 textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    outline: none;
}

.form-contact-749 input::placeholder,
.form-contact-749 textarea::placeholder {
    color: rgba(255, 255, 255, 1);
}
.form-contact-74 label.checkbox-label {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 10px;
}

.form-contact-749 input[type="checkbox"] {
	 border: 2px solid #fff;
    background: transparent;
    cursor: pointer;
}


.form-contact-749 .wpforms-submit{
	background-color: #F5E1D2;
    color: #8E1B1B;
    border: none;
    padding: 8px 32px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 15px;
}

#wpforms-error-noscript, .wpforms-field-limit-text, fieldset legend{
	display: none;
}
fieldset ul li{
	text-decoration: none;
}

/* FORM PAGE KHUYẾN MÃI */
 .text.form-contact-1197 {
            background-color: #8E1B1B; /* Màu nền đỏ đậm */
                padding-top: 24px;
            border-radius: 20px;
            color: #fff;
            padding: 50px 30px;
        }
        
        .form-contact-1197 label {
            color:#fff
        }
        
        .form-contact-1197 input,
        .form-contact-1197 textarea {
            background: transparent;
            border: none;
            border-bottom: 1px solid #fff;
            padding: 10px 0;
            color: #fff;
            font-size: 16px;
            outline: none;
        }
        
        .form-contact-1197 input::placeholder,
        .form-contact-1197 textarea::placeholder {
            color: rgba(255, 255, 255, 1);
        }
        .form-contact-74 label.checkbox-label {
            display: flex;
            align-items: center;
            font-size: 14px;
            margin-top: 10px;
        }
        
        .form-contact-1197 input[type="checkbox"] {
             border: 2px solid #fff;
            background: transparent;
            cursor: pointer;
        }
        
.form-contact-1197 .wpforms-submit-container{
	text-align: center;
}

        .form-contact-1197 .wpforms-submit{
            background-color: #F5E1D2;
            color: #8E1B1B;
            border: none;
            padding: 8px 32px;
            font-size: 16px;
            border-radius: 10px;
            cursor: pointer;
            transition: 0.3s;
            margin-top: 15px;
        }
.wpforms-page-indicator-steps{
	display: none;
}

button.wpforms-page-button.wpforms-page-next{
	background-color: #F5E1D2;
            color: #8E1B1B;
            border: none;
            padding: 8px 32px;
            font-size: 16px;
            border-radius: 10px;
            cursor: pointer;
            transition: 0.3s;
            margin-top: 30px;
}
.wpforms-clear.wpforms-pagebreak-left{
	text-align: center;
}
/* form liên hệ wpform footer */
footer form.wpforms-form{
	  display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
	  border-radius: 10px;
}
footer form.wpforms-form input[type="email"], footer form.wpforms-form button[type="submit"]{
	margin: 0;
	border: none;
}
footer form.wpforms-form input[type="email"]{
	border-radius: 10px;
}
footer form.wpforms-form button[type="submit"]{
	background: url(https://thomore.vn/wp-content/uploads/2025/03/send-email-icon-thomore-3.png) no-repeat;
	background-position: center center;
	width: 3rem;
}
em.wpforms-error{
	position: absolute;
  left: 1rem;
  bottom: -2rem;
  color: #ffe300;
  font-weight: bold;
  font-size: 1.3rem;
}
.wpforms-confirmation-container p{
	color: #ffe300;
  font-weight: bold;
}
.box-text h5 {
    height: 70px !important;
}
.shop_table .order-total td, .shop_table .order-total th, .shop_table thead th {
    border-width: 0px !important;
}
.cart_totals th.product-name {
    border-width: 0px !important;
}
/* Luôn hiển thị nội dung coupon rõ ràng và căn giữa */
.wt_sc_coupon_desc_wrapper {
    position: static !important;
    width: 100% !important;
}

.wt_sc_coupon_desc_wrapper .wt_sc_coupon_desc {
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: block !important;
    font-size: 14px !important;
    color: inherit !important;
    padding: 5px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    white-space: normal !important; /* Cho phép xuống dòng tự nhiên hơn */
	  width: 100%;
}

/* Ẩn icon (i) vì không cần nữa */
.wt_sc_coupon_desc_wrapper .info {
    display: none !important;
}

/* Fix bố cục nội dung tổng thể của coupon */
.wt_sc_single_coupon {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.box-text h5 {
    height: 70px !important;
}
.checkout_coupon .coupon .flex-grow {
  flex: unset !important;
}
/* Smart Coupon */
.wbte_sc_cpns_pp_card {
    border: 2px dashed #8C191B;
}
.wbte_sc_cpns_pp_footer_row {
    display: none !important;
}
.wbte_sc_cpns_pp_restriction_text {
    display: none !important;
}
/* popup tai-khoan tren desktop */
.account-register-bg.fill.bg-fill {
    background-color: #8c191b !important;
}
/* Chuong trinh thanh vien */
section.sectionclub
{
	padding-left:0px !important;
	padding-right:0px !important;
}
article.card {
	background:#fff;border-radius:var(--radius);padding:20px;position:relative;
      box-shadow:0 8px 20px rgba(0,0,0,.06);
      border:1px solid #E8DED6;
}
/* product detail */
woocommerce-product-gallery__image {
	background-color:var(--fs-color-secondary);
}
.product-gallery-slider img {
background-color:var(--fs-color-secondary)
}


/* bỏ khoảng trắng trước H2 "Bài viết mới" (margin-bottom dư 80px của section-feedback) */
.section-feedback{
    margin-bottom: 0 !important;
}


/* MOBILE: hero (show-for-small) có margin-bottom:-30 nên margin-top:0 làm section đè đáy banner.
   Chỉ override bản mobile, desktop (hide-for-small) vẫn margin-top:0. */
.section-triet-ly-nuoc-hoa.show-for-small{
    margin-top: 50px;
}

/* PDP review load-more button (thomore-reviews.js) */
.thomore-load-reviews{display:block;margin:18px auto 24px;min-width:220px;}