/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 14 2026 | 11:45:22 */
/* =================================
Start - Custom subscribe form
===================================== */
.custom-subscribe-form > .form-container > p {
display: flex;
position: relative;
margin: 0;
/* height: 2.875vw; */
--width-submit-button: 28%;
border: 1px solid #D4AF37;
font-family: 'Inter';
}
.custom-subscribe-form > .form-container > p input {
height: 100%;
border: 0;
outline: 0;
border-radius: 0;
}
.custom-subscribe-form > .form-container > p > span.wpcf7-spinner {
position: absolute;
}
.custom-subscribe-form > .form-container > p > span.wpcf7-form-control-wrap {
width: calc(100% - var(--width-submit-button));
}
.custom-subscribe-form > .form-container > p > span.wpcf7-form-control-wrap > input {
padding: 1em;
font-size: 0.875vw;
}
.custom-subscribe-form > .form-container > p input.wpcf7-submit {
width: var(--width-submit-button);
background-color: #C6A75E;
color: #fff;
font-weight: 600;
font-size: 0.75vw;
letter-spacing: 1.2px;
min-height: 100% !important;
height: unset;
padding: 0;
}
@media (max-width: 1280px) {
.custom-subscribe-form > .form-container > p > span.wpcf7-form-control-wrap > input {
font-size: 12px;
}
.custom-subscribe-form > .form-container > p input.wpcf7-submit {
font-size: 10px;
}
}
/* =======================================
End - Custom subscribe form
======================================= */
/* */
/* Layout chung cho Mega Menu */
.mega-menu-item {
position: static !important; /* Quan trọng để mega menu rộng toàn màn hình */
}
.mega-menu-item > .sub-menu {
width: 100%;
left: 0;
right: 0;
display: none;
position: absolute;
background: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 20px;
grid-template-columns: repeat(4, 1fr); /* Chia cột */
display: grid;
}
/* Ẩn hiện khi hover */
.mega-menu-item:hover > .sub-menu {
display: grid;
}
/* ==================
Start - Side cart
===================== */
.elementor-menu-cart__main {
width: 31.25vw;
}
.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
padding: 1vw 1.5vw 1vw 0;
grid-template-columns: 4.5vw auto;
}
.elementor-menu-cart__subtotal {
margin-top: auto;
padding: 1vw 0;
}
.elementor-menu-cart__footer-buttons {
padding: 0;
}
.elementor-menu-cart__products {
max-height: calc(100vh - 13.02vw);
}
.elementor-menu-cart__product-name.product-name > a {
display: inline-block;
}
@media (max-width: 1280px) {
.elementor-menu-cart__main {
width: min(100%, 400px);
}
.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
padding: 16px 20px 16px 0;
grid-template-columns: 60px auto;
}
.elementor-menu-cart__subtotal {
padding: 12px 0;
}
}
/* ==================
End - Side cart
===================== */
.dialog-widget-content.dialog-lightbox-widget-content.animated {
bottom: 0;
top: 0;
}
#elementor-popup-modal-2077 .dialog-message, #elementor-popup-modal-2077 .dialog-message > div {
height: 100%;
}
.hn__popup-mobile-menu__header {
position: sticky;
top: 0;
}
.hn__popup-mobile-menu__footer {
position: sticky;
bottom: 0;
}
.hn__popup_menu_boxed .dialog-message.dialog-lightbox-message {
overflow: hidden;
}
.hn__popup-mobile-menu__content {
height: calc(100vh - 120px);
overflow: hidden auto;
}
.hn__mobile-sub-menu__container {
position: absolute;
left: 100%;
top: 0;
min-height: calc(100vh - 120px);
width: 100%;
background-color: #fff;
transform: scaleY(0);
transition: left .5s ease, transform 0s ease .5s;
box-shadow: -3px 0px 4px #0000001a;
}
.hn__mobile-sub-menu__container.active {
height: calc(100vh - 120px);
}
nav.hn__mobile-menu__container ul {
list-style: none;
padding: 0;
}
ul.hn__mobile-menu__wrapper {
position: relative;
}
.hn__mobile-sub-menu__container.active, .hn__mobile-sub-menu__container.active .hn__mobile-sub-menu__container.active {
left: 0;
transform: scaleY(1);
transition: left .5s ease, transform 0s ease 0s;
}
button.hn__mobile-sub-menu__toggle-active-back {
padding: 1em;
width: 100%;
text-align: left;
border: 0;
border-bottom: 1px solid #f0f2f4;
background-color: #fff !important;
color: currentColor;
font-weight: 600;
display: flex;
align-items: center;
gap: 0.5em;
}
.hn__mobile-menu__item-button {
padding: 1em;
line-height: 1.5em;
display: flex;
align-items: center;
justify-content: space-between;
}
.hn__mobile-menu__item-button > a {
color: currentcolor;
}
button.hn__mobile-sub-menu__toggle-active-forward {
padding: 0 1em;
background-color: transparent !important;
border: 0;
color: currentColor;
position: unset;
display: flex;
justify-content: center;
}
button.hn__mobile-sub-menu__toggle-active-forward::before {
content: "";
width: 1em;
height: 1em;
display: inline-block;
background: url('data:image/svg+xml;utf8,') center / contain no-repeat;
color: currentColor;
}
.hn__mobile-sub-menu__container .hn__mobile-sub-menu__container {
top: -57px;
}
button.hn__mobile-sub-menu__toggle-active-back::before {
content: "";
width: 1.2em;
height: 1.2em;
position: relative;
display: inline-block;
background: url('data:image/svg+xml;utf8,') center / contain no-repeat;
}
.hn__mobile-sub-menu__container.active, .hn__popup-mobile-menu__content:has(.hn__mobile-sub-menu__container.active) {
overflow: unset;
}
.hn__mobile-sub-menu__container.active:not(:has(.hn__mobile-sub-menu__container.active)) {
overflow: hidden auto;
}