.elementor-8 .elementor-element.elementor-element-38ab620{--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:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-8 .elementor-element.elementor-element-38ab620:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-38ab620 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A41E2200;}.elementor-8 .elementor-element.elementor-element-c9beb8a{--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:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:00px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c9beb8a.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b5d0a20{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-8 .elementor-element.elementor-element-b5d0a20.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-b2179fc{width:var( --container-widget-width, 100% );max-width:100%;margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Fahkwang", Sans-serif;font-size:9px;font-weight:400;line-height:0px;letter-spacing:0.8px;color:var( --e-global-color-5c9f249 );}.elementor-8 .elementor-element.elementor-element-b2179fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b2179fc a{color:var( --e-global-color-5c9f249 );}.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-8 .elementor-element.elementor-element-17f5fc4 .e-search-input{background-color:#9C969600;font-family:"Fahkwang", Sans-serif;font-size:9px;line-height:16px;border-style:none;}.elementor-8 .elementor-element.elementor-element-17f5fc4{width:var( --container-widget-width, 233px );max-width:233px;margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 0px;--container-widget-width:233px;--container-widget-flex-grow:0;--e-search-placeholder-color:var( --e-global-color-5c9f249 );--e-search-input-color:var( --e-global-color-fba20a8 );--e-search-icon-label-size:12px;--e-search-icon-clear-size:0px;}.elementor-8 .elementor-element.elementor-element-17f5fc4.elementor-element{--align-self:flex-start;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-1557cbe{--divider-border-style:solid;--divider-color:#C9C6C5;--divider-border-width:0.5px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1557cbe .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8 .elementor-element.elementor-element-1557cbe .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-8 .elementor-element.elementor-element-c30277f{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c30277f.e-con{--align-self:center;}.elementor-8 .elementor-element.elementor-element-e452ea8{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e452ea8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-284b4e7{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-284b4e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-284b4e7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-66c4bf5{--display:flex;}.elementor-8 .elementor-element.elementor-element-66c4bf5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .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-8 .elementor-element.elementor-element-bb3591b{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-bb3591b.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-df66366{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-df66366.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-e24f798{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e24f798.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-0a957ca{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-0a957ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-0a957ca.elementor-element{--align-self:center;}.elementor-8 .elementor-element.elementor-element-6ac31c6{--divider-border-style:solid;--divider-color:#C9C6C5;--divider-border-width:0.5px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-6ac31c6 .elementor-divider-separator{width:100%;}.elementor-8 .elementor-element.elementor-element-6ac31c6 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-8 .elementor-element.elementor-element-76df4a8{--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;--z-index:999;}.elementor-8 .elementor-element.elementor-element-76df4a8:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-76df4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A41E2200;}.elementor-8 .elementor-element.elementor-element-c099162{--display:flex;}.elementor-8 .elementor-element.elementor-element-d7a6501{--display:flex;}.elementor-8 .elementor-element.elementor-element-d7a6501.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-2c82a74{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-0ff684f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-0ff684f .elementor-icon-wrapper{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-c9beb8a{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b5d0a20{--padding-top:06px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b2179fc{width:100%;max-width:100%;padding:0px 0px 0px 0px;font-size:8px;}.elementor-8 .elementor-element.elementor-element-b2179fc.elementor-element{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-e452ea8{--padding-top:0px;--padding-bottom:0px;--padding-left:030px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-284b4e7{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-bb3591b{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-8 .elementor-element.elementor-element-bb3591b img{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-df66366{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-8 .elementor-element.elementor-element-df66366 img{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-e24f798{--padding-top:0px;--padding-bottom:0px;--padding-left:050px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-0a957ca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8 .elementor-element.elementor-element-0a957ca.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-17f5fc4{--container-widget-width:233px;--container-widget-flex-grow:0;width:var( --container-widget-width, 233px );max-width:233px;--e-search-input-gap:0px;--e-search-submit-margin-inline-start:0px;}.elementor-8 .elementor-element.elementor-element-76df4a8{--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-8 .elementor-element.elementor-element-c099162{--width:25%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-8 .elementor-element.elementor-element-c099162.e-con{--align-self:center;}.elementor-8 .elementor-element.elementor-element-537c278{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 010px;}.elementor-8 .elementor-element.elementor-element-537c278.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-8 .elementor-element.elementor-element-d7a6501{--width:50%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-8 .elementor-element.elementor-element-d7a6501.e-con{--align-self:center;}.elementor-8 .elementor-element.elementor-element-431d2e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-431d2e5 img{width:100%;}.elementor-8 .elementor-element.elementor-element-2c82a74{--width:25%;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-8 .elementor-element.elementor-element-2c82a74.e-con{--align-self:flex-end;}.elementor-8 .elementor-element.elementor-element-0ff684f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 08px 0px;}.elementor-8 .elementor-element.elementor-element-0ff684f.elementor-element{--order:99999 /* order end hack */;}.elementor-8 .elementor-element.elementor-element-0ff684f .elementor-icon-wrapper{text-align:end;}.elementor-8 .elementor-element.elementor-element-0ff684f .elementor-icon{font-size:28px;}.elementor-8 .elementor-element.elementor-element-0ff684f .elementor-icon svg{height:28px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-38ab620{--width:100%;}.elementor-8 .elementor-element.elementor-element-b5d0a20{--width:46.8%;}.elementor-8 .elementor-element.elementor-element-c30277f{--width:100%;}.elementor-8 .elementor-element.elementor-element-e452ea8{--width:33.42%;}.elementor-8 .elementor-element.elementor-element-66c4bf5{--width:34.579%;}.elementor-8 .elementor-element.elementor-element-e24f798{--width:40.42%;}.elementor-8 .elementor-element.elementor-element-76df4a8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8 .elementor-element.elementor-element-b5d0a20{--width:73.563%;}.elementor-8 .elementor-element.elementor-element-e452ea8{--width:41%;}.elementor-8 .elementor-element.elementor-element-66c4bf5{--width:21%;}.elementor-8 .elementor-element.elementor-element-e24f798{--width:40%;}}/* Start custom CSS for search, class: .elementor-element-17f5fc4 */.elementor-8 .elementor-element.elementor-element-17f5fc4 input {
  height: 16px;
  min-height: 16px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38ab620 *//* --- 1. INITIAL STATE --- */
.logo-yellow { display: none !important; }

/* Smooth transitions for everything */
.elementor-8 .elementor-element.elementor-element-38ab620, .logo-white, .logo-yellow, .custom-search-box, .my-custom-menu a {
    transition: all 0.4s ease-in-out !important;
}

/* --- 2. SCROLL STATE (STUCK) --- */

/* Background to White */
.elementor-8 .elementor-element.elementor-element-38ab620.elementor-sticky--effects {
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1) !important;
}

/* Logo Swap */
.elementor-sticky--effects .logo-white { display: none !important; }
.elementor-sticky--effects .logo-yellow { display: block !important; }

/* --- 3. SEARCH BOX FORCE (Icon & "Tìm kiếm" Text) --- */

/* Change the Magnifying Glass icon color */
.elementor-sticky--effects .custom-search-box i,
.elementor-sticky--effects .custom-search-box svg,
.elementor-sticky--effects .custom-search-box .elementor-search-form__icon {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Change the "Tìm kiếm" text and Input text */
.elementor-sticky--effects .custom-search-box input,
.elementor-sticky--effects .custom-search-box input::placeholder,
.elementor-sticky--effects .custom-search-box .elementor-search-form__input {
    color: #000000 !important;
}

/* --- 4. MAX MEGA MENU FORCE --- */
.elementor-sticky--effects .my-custom-menu .mega-menu-link,
.elementor-sticky--effects .my-custom-menu .mega-indicator:after {
    color: #000000 !important;
}

/* --- 5. TOP BAR ADDRESS TEXT --- */
.elementor-sticky--effects .elementor-widget-text-editor,
.elementor-sticky--effects .elementor-heading-title {
    color: #000000 !important;
}
/* FORCE everything inside the search box to turn black on scroll */
.elementor-sticky--effects .custom-search-box * {
    filter: brightness(0) !important;
    -webkit-filter: brightness(0) !important;
    transition: all 0.4s ease-in-out !important;
}

/* Ensure the text stays black and doesn't get 'filtered' into invisibility */
.elementor-sticky--effects .custom-search-box input,
.elementor-sticky--effects .custom-search-box input::placeholder {
    filter: none !important;
    color: #000000 !important;
}
  /* --- 1. BASE FONT SETTINGS (Desktop) --- */

.my-custom-menu .mega-menu-link {

    font-family: 'Fahkwang', sans-serif !important;

    font-size: 12px !important; /* Your Desktop size */

    
    transition: all 0.3s ease-in-out;

}



/* --- 2. TABLET RESPONSIVE (1024px to 768px) --- */

@media (max-width: 1024px) {

    .my-custom-menu .mega-menu-link {

        font-size: 10px !important; /* Your Tablet size */

    }

}
 /* This forces the browser to display the text as you typed it, 
   even if the JavaScript is processing it in uppercase */

body .my-custom-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform: none !important;
    font-variant: normal !important;
}

/* --- 3. MOBILE HIDE (Below 767px) --- */
@media (max-width: 767px) {
    /* Since you are making a separate menu for mobile, we hide this one */
    .my-custom-menu {
        display: none !important;
    }
}
/* --- Fix for Wrapped Text on Tablet (1024px) --- */
@media (max-width: 1024px) {
    /* 1. Shrink the first column (The Jewelry Image) to 20% */
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-1 {
        width: 20% !important; 
    }

    /* 2. Widen the second and third text columns to 40% each */
    /* This provides enough width for 'MẶT DÂY CHUYỀN' to stay on one line */
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-2,
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-3 {
        width: 40% !important; 
        padding-left: 10px !important;
        padding-right: 5px !important;
    }

    /* 3. Slightly tighten letter spacing for Fahkwang on tablet only */
    .my-custom-menu .mega-menu-link {
        letter-spacing: -0.2px !important;
        white-space: nowrap !important; /* Forces text to stay on one line */
    }
}
/* --- Tablet Correction for Image Position and Column Width --- */
@media (max-width: 1024px) {
    
    /* 1. Shrink the image column and PUSH IMAGE LOWER */
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-1 {
        width: 20% !important; 
        margin-top: 40px !important; /* This moves the image DOWN on tablet */
    }

    /* 2. Widen text columns to prevent "MẶT DÂY CHUYỀN" from wrapping */
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-2,
    .my-custom-menu .mega-sub-menu > li.mega-menu-column-3 {
        width: 40% !important; 
        padding-left: 10px !important;
    }

    /* 3. Force text to stay on one line */
    .my-custom-menu .mega-menu-link {
        white-space: nowrap !important;
        letter-spacing: -0.2px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-537c278 *//* Thiết lập cơ bản cho icon */
.knb-menu-toggle {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.knb-menu-toggle svg .line {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center; /* Xoay quanh tâm của icon 28x28 */
}

/* KHI MENU MỞ: Biến thành dấu X */
.knb-menu-toggle.active .line-top {
    /* Di chuyển thanh trên xuống giữa và xoay 45 độ */
    transform: translateY(5px) rotate(45deg);
}

.knb-menu-toggle.active .line-bottom {
    /* Di chuyển thanh dưới lên giữa và xoay -45deg */
    transform: translateY(-5px) rotate(-45deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76df4a8 *//* --- 1. INITIAL STATE --- */
.logo-yellow { display: none !important; }

/* Smooth transitions for everything */
.elementor-8 .elementor-element.elementor-element-76df4a8, .logo-white, .logo-yellow, .custom-search-box, .my-custom-menu a {
    transition: all 0.4s ease-in-out !important;
}

/* --- 2. SCROLL STATE (STUCK) --- */

/* Background to White */
.elementor-8 .elementor-element.elementor-element-76df4a8.elementor-sticky--effects {
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1) !important;
}

/* Logo Swap */
.elementor-sticky--effects .logo-white { display: none !important; }
.elementor-sticky--effects .logo-yellow { display: block !important; }

/* --- 3. SEARCH BOX FORCE (Icon & "Tìm kiếm" Text) --- */

/* Change the Magnifying Glass icon color */
.elementor-sticky--effects .custom-search-box i,
.elementor-sticky--effects .custom-search-box svg,
.elementor-sticky--effects .custom-search-box .elementor-search-form__icon {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Change the "Tìm kiếm" text and Input text */
.elementor-sticky--effects .custom-search-box input,
.elementor-sticky--effects .custom-search-box input::placeholder,
.elementor-sticky--effects .custom-search-box .elementor-search-form__input {
    color: #000000 !important;
}

/* --- 4. MAX MEGA MENU FORCE --- */
.elementor-sticky--effects .my-custom-menu .mega-menu-link,
.elementor-sticky--effects .my-custom-menu .mega-indicator:after {
    color: #000000 !important;
}

/* --- 5. TOP BAR ADDRESS TEXT --- */
.elementor-sticky--effects .elementor-widget-text-editor,
.elementor-sticky--effects .elementor-heading-title {
    color: #000000 !important;
}
/* FORCE everything inside the search box to turn black on scroll */
.elementor-sticky--effects .custom-search-box * {
    filter: brightness(0) !important;
    -webkit-filter: brightness(0) !important;
    transition: all 0.4s ease-in-out !important;
}

/* Ensure the text stays black and doesn't get 'filtered' into invisibility */
.elementor-sticky--effects .custom-search-box input,
.elementor-sticky--effects .custom-search-box input::placeholder {
    filter: none !important;
    color: #000000 !important;
}
/* --- 1. BASE FONT SETTINGS (Desktop) --- */
.my-custom-menu .mega-menu-link {
    font-family: 'Fahkwang', sans-serif !important;
    font-size: 12px !important; /* Your Desktop size */
    font-weight: 400 !important; 
    text-transform: uppercase !important;
    transition: all 0.3s ease-in-out;
}

/* --- 2. TABLET RESPONSIVE (1024px to 768px) --- */
@media (max-width: 1024px) {
    .my-custom-menu .mega-menu-link {
        font-size: 10px !important; /* Your Tablet size */
    }
}

/* --- 3. MOBILE HIDE (Below 767px) --- */
@media (max-width: 767px) {
    /* Since you are making a separate menu for mobile, we hide this one */
    .my-custom-menu {
        display: none !important;
    }
}/* End custom CSS */