.elementor-210 .elementor-element.elementor-element-10c4a73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-5ec95887{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-53f089bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-210 .elementor-element.elementor-element-53f089bb:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-53f089bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-210 .elementor-element.elementor-element-a524386{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-210 .elementor-element.elementor-element-189d2d65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-210 .elementor-element.elementor-element-189d2d65 img{width:200%;}.elementor-210 .elementor-element.elementor-element-5acce7cb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-210 .elementor-element.elementor-element-4ee3dc21 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-4ee3dc21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-search-input-color:var( --e-global-color-text );--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-submit-margin-inline-start:0px;--e-search-submit-button-flex-direction:row;--e-search-submit-icon-margin-inline-start:0px;--e-search-submit-icon-margin-inline-end:var(--e-search-submit-icon-gap);--e-search-icon-submit-size:18px;--e-search-submit-padding:15px 15px 15px 20px;}.elementor-210 .elementor-element.elementor-element-77cc15b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-4c556ccd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-4c556ccd:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-4c556ccd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-210 .elementor-element.elementor-element-695104cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-210 .elementor-element.elementor-element-36e0628d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );padding:12px 0px 12px 0px;}.elementor-210 .elementor-element.elementor-element-42beeb7a{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button-content-wrapper{flex-direction:row;}.elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button:hover, .elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button:hover svg, .elementor-210 .elementor-element.elementor-element-42beeb7a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-210 .elementor-element.elementor-element-68820890.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-210 .elementor-element.elementor-element-68820890 .woocommerce .woocommerce-loop-category__title{color:#000000;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:30px;padding-right:30px;padding-top:14px;padding-bottom:14px;}.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-210 .elementor-element.elementor-element-2a5dcd20{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-210 .elementor-element.elementor-element-2a5dcd20 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-210 .elementor-element.elementor-element-a524386{--width:20%;}.elementor-210 .elementor-element.elementor-element-5acce7cb{--width:50%;}.elementor-210 .elementor-element.elementor-element-77cc15b9{--width:30%;}.elementor-210 .elementor-element.elementor-element-36e0628d{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-695104cb *//* ============================================
   DROPDOWN - HOVER VÀO BUTTON ĐỂ HIỆN
   ============================================ */

/* Container */
.category-dropdown-menu {
    position: relative;
}

/* Button - LUÔN HIỆN */
.category-dropdown-menu .category-dropdown-button {
    display: block !important;
    color: white;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
}

/* Widget Product Categories - ẨN MẶC ĐỊNH */
.category-dropdown-menu .elementor-widget-wc-categories {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
}

/* HIỆN khi hover vào BUTTON */
.category-dropdown-menu .category-dropdown-button:hover + .elementor-widget-wc-categories {
    display: block !important;
}

/* GIỮ HIỆN khi hover vào dropdown (để có thể click vào categories) */
.category-dropdown-menu .elementor-widget-wc-categories:hover {
    display: block !important;
}

/* Products grid */
.category-dropdown-menu .products {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    padding: 5px 0;
    max-height: 450px;
    overflow-y: auto;
}

/* Category items - ẢNH + TEXT NGANG */
.category-dropdown-menu .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.2s !important;
    gap: 12px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.category-dropdown-menu .woocommerce-LoopProduct-link:hover {
    background: #f8f9fa !important;
    color: #007bff !important;
    padding-left: 25px !important;
}

/* Image - BÊN TRÁI */
.category-dropdown-menu img {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
    border: 2px solid #e0e0e0 !important;
    margin: 0 !important;
    display: block !important;
}

.category-dropdown-menu .woocommerce-LoopProduct-link:hover img {
    border-color: #007bff !important;
}

/* Category title - BÊN PHẢI */
.category-dropdown-menu .woocommerce-loop-category__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    flex: 1 !important;
    text-align: left !important;
    width: auto !important;
}

/* ẨN count */
.category-dropdown-menu .count {
    display: none !important;
}

/* Scrollbar */
.category-dropdown-menu .products::-webkit-scrollbar {
    width: 6px;
}

.category-dropdown-menu .products::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.category-dropdown-menu .products::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Bỏ grid layout */
.category-dropdown-menu .products {
    display: block !important;
    grid-template-columns: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .category-dropdown-menu .category-dropdown-button {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    .category-dropdown-menu .woocommerce-LoopProduct-link {
        padding: 10px 15px !important;
        gap: 10px !important;
    }
    
    .category-dropdown-menu img {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
    }
    
    .category-dropdown-menu .woocommerce-loop-category__title {
        font-size: 13px !important;
    }
}

/* Animation mượt hơn */
.category-dropdown-menu .elementor-widget-wc-categories {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

/* Hover button → hiện */
.category-dropdown-menu .category-dropdown-button:hover + .elementor-widget-wc-categories,
.category-dropdown-menu .elementor-widget-wc-categories:hover {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
/* ============================================
   HOVER ITEM - BACKGROUND XANH + CHỮ TRẮNG
   ============================================ */

/* Category item hover */
.category-dropdown-menu .product-category a {
    padding: 5px 0;
}
.category-dropdown-menu .product-category a:hover {
    background: #007aff !important; /* Xanh */
    color: white !important; 
}

/* Category title hover - chữ trắng */
.category-dropdown-menu .product-category:hover .woocommerce-loop-category__title,
.category-dropdown-menu .woocommerce-LoopProduct-link:hover h2 {
    color: white !important;
}

/* Image hover - border trắng */
.category-dropdown-menu .product-category:hover img {
    border-color: white !important;
}/* End custom CSS */