/* =====================
   Header
   ===================== */
#masthead {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.ast-primary-header-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ast-primary-header-bar>div {
    width: 100% !important;
}

/* =====================
   Reset focus/outline
   ===================== */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children>.ast-menu-toggle {
    border: none;
    outline: none;
    box-shadow: none;
}

.main-header-menu>.menu-item>.menu-link {
    outline: none;
}

.ast-builder-grid-row.ast-grid-center-col-layout {
    display: flex !important;
    justify-content: space-between !important;
}

/* =====================
   Desktop submenu
   ===================== */
.main-header-menu .sub-menu .menu-link {
    padding: 10px 20px;
}

/* =====================
   Mobile: ẩn Astra gốc
   ===================== */
#ast-mobile-header .ast-mobile-header-content {
    display: none !important;
}

/* =====================
   Toggle button icon (Fix)
   ===================== */
.main-header-menu-toggle .mobile-menu-toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 32px;
    height: 32px;
}

.main-header-menu-toggle .wt-icon {
    position: absolute;
    display: flex !important;
    transition: opacity 0.25s ease, transform 0.3s ease;
}

/* Mặc định: hiện hamburger, ẩn X */
.main-header-menu-toggle .wt-icon-menu {
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
}

.main-header-menu-toggle .wt-icon-close {
    opacity: 0 !important;
    transform: rotate(-90deg) scale(0.5) !important;
}

/* Khi mở: ẩn hamburger, hiện X */
.main-header-menu-toggle.wt-menu-open .wt-icon-menu {
    opacity: 0 !important;
    transform: rotate(90deg) scale(0.5) !important;
}

.main-header-menu-toggle.wt-menu-open .wt-icon-close {
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
}

.ast-builder-menu .main-navigation>ul {
/* 	padding:0 20px !important; */
	background:#fff !important
}

/* =====================
   Drawer: menu items
   ===================== */
#wt-drawer .menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
	border:none !important;
    border-bottom: 1px solid #f1f1f1 !important;
    text-decoration: none !important;
	margin:0 !important;
}

#wt-drawer .current-menu-item>.menu-link {
    color: var(--ast-primary-color) !important;
    font-weight: 600 !important;
}

/* =====================
   Drawer: submenu
   ===================== */
#wt-drawer .sub-menu {
    display: none;
}

#wt-drawer .sub-menu .menu-link {
    padding-left: 36px !important;
    font-size: 14px !important;
    color: #555 !important;
    background: #fafafa !important;
}

/* =====================
   Drawer: ẩn element Astra thừa
   ===================== */
#wt-drawer .ast-menu-toggle,
#wt-drawer .dropdown-menu-toggle,
#wt-drawer .ast-icon.icon-arrow {
    display: none !important;
}

/* =====================
   Drawer: button liên hệ
   ===================== */
.wt-drawer__contact-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 48px !important;
    padding: 14px 30px !important;
    background: var(--Color-Color-Main-text, #111) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 40px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-sizing: border-box !important;
}

.wt-drawer__contact-btn:hover {
    background: #333333 !important;
    color: #ffffff !important;
}

/* ===================== */
/* Cart button with icon */
a.wt-button-card,
button.wt-button-card,
.wt-button-card>a,
.wt-button-card>button {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 13px 24px !important;
    border: 1px solid #E5E5E5;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 9999px;
}

a.wt-button-card:hover {
    background-color: #1A1A1A;
    color: #fff
}

a.wt-button-card::before,
button.wt-button-card::before,
.wt-button-card>a::before,
.wt-button-card>button::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #1A1A1A !important;
    -webkit-mask-image: url('../images/cart.svg') !important;
    mask-image: url('../images/cart.svg') !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    flex-shrink: 0 !important;
}

a.wt-button-card:hover::before,
button.wt-button-card:hover::before,
.wt-button-card>a:hover::before,
.wt-button-card>button:hover::before {
    background-color: #fff !important;
}

.menu-item.current-menu-item>.menu-link {
    font-weight: 700 !important;
}

.menu-item .menu-link:hover {
    font-weight: 700 !important;
}

.site-branding.ast-site-identity {
    padding: 0 !important;
}

.site-header-primary-section-left.site-header-section-left {
    width: fit-content !important;
}

#polylang-2.widget.widget_polylang ul{
    display: flex !important;
	gap:8px !important;
}

.ast-flex {
    gap: 18px !important;
}

.site-header-section>* {
    padding: 0 !important;
}

.main-navigation ul {
    gap: 30px !important;
}

.main-header-menu>.menu-item>.menu-link {
    padding: 0 !important;
}

.site-header-primary-section-right-center.site-header-section{
	display:none !important;
}


/* Cart Count Badge */
a.wt-button-card,
button.wt-button-card,
.wt-button-card > a,
.wt-button-card > button {
    position: relative !important;
}

.wt-cart-count-badge {
    position: absolute !important;
    top: -9px !important;
    right: -4px !important; /* Nudge left (originally -9px) */
    display: inline-flex; /* Removed !important to allow JS toggling */
    align-items: center !important;
    justify-content: center !important;
    background-color: #853F13 !important; /* Orange background */
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 5px !important;
    line-height: 1 !important;
    border: none !important; /* Remove white border */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}


/* Container - widget Polylang */
.widget_polylang {
    position: relative !important;
    display: inline-block !important;
}

.widget_polylang nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
	background:white !important;
}

/* Ẩn hết các item, chỉ hiện current-lang */
.widget_polylang nav ul li.lang-item {
    display: none !important;
}

.widget_polylang nav ul li.current-lang {
    display: block !important;
    cursor: pointer !important;
    position: relative !important;
}

/* Item hiển thị bên trong current-lang - chừa đủ chỗ cho icon nhỏ */
.widget_polylang nav ul li.current-lang > a {
    display: flex !important;
    align-items: center !important;
    padding: 4px 20px 4px 8px !important; /* padding-right chừa chỗ icon */
}

/* Icon dropdown (SVG chevron-down) - đã thu nhỏ và canh đúng vị trí */
.widget_polylang nav ul li.current-lang::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    width: 12px !important;
    height: 12px !important;
    transform: translateY(-50%) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7074 8.293C18.8949 8.48053 19.0002 8.73484 19.0002 9C19.0002 9.26516 18.8949 9.51947 18.7074 9.707L12.7074 15.707C12.5199 15.8945 12.2656 15.9998 12.0004 15.9998C11.7352 15.9998 11.4809 15.8945 11.2934 15.707L5.29341 9.707C5.11125 9.5184 5.01045 9.2658 5.01273 9.0036C5.01501 8.7414 5.12018 8.49059 5.30559 8.30518C5.491 8.11977 5.74181 8.0146 6.00401 8.01233C6.2662 8.01005 6.5188 8.11084 6.70741 8.293L12.0004 13.586L17.2934 8.293C17.4809 8.10553 17.7352 8.00021 18.0004 8.00021C18.2656 8.00021 18.5199 8.10553 18.7074 8.293Z' fill='%23666'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    transition: transform 0.2s ease !important;
    z-index: 2 !important;
}

/* Xoay icon khi hover */
.widget_polylang:hover nav ul li.current-lang::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* Hover vào cả widget thì xổ hết ngôn ngữ ra */
.widget_polylang:hover nav ul li.lang-item {
    display: block !important;
}

/* Các ngôn ngữ khác xếp thành dropdown bên dưới */
.widget_polylang nav ul li.lang-item:not(.current-lang) {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
}

.widget_polylang nav ul li.lang-item a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 20px 5px 0 !important;
    text-decoration: none !important;
    color: #333 !important;
    white-space: nowrap !important;
}

.widget_polylang nav ul li.lang-item a{
	font-size:18px !important;
}


@media (max-width: 1250px) {
    #ast-desktop-header {
        display: none !important;
    }

    #ast-mobile-header {
        display: block !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #ast-mobile-header .site-header-primary-section-right {
        justify-content: flex-end !important;
    }

    .ast-builder-menu .main-navigation>ul {
        display: flex !important;
        flex-direction: column !important;
    }

    .ast-builder-menu .main-navigation>ul a {
        margin-top: 0 !important;
    }

    .main-navigation ul {
        gap: 0 !important;
    }

    #wt-drawer .menu-link {
        min-height: 60px !important;
    }
	
	.ast-flex{
		gap:10px !important;
	}
	
	.widget_polylang nav ul li.lang-item a{
		padding: 5px 20px 5px 10px !important;
	}
	
	.widget_polylang nav ul li.lang-item:not(.current-lang){
		background:white !important;
	}
}

@media (max-width: 923px) {
    #ast-mobile-header {
        display: block !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 500px) {
    .site-header-primary-section-left {
        justify-content: end !important
    }
}

@media (max-width: 451px) {
	.wt-drawer__contact-wrap{
		flex-direction:column !important;
	}
}

@media (max-width: 400px) {

    a.wt-button-card,
    button.wt-button-card,
    .wt-drawer__contact-btn {
        padding: 13px 15px !important;
    }
}