.elementor-53 .elementor-element.elementor-element-e47e962{width:100%;max-width:100%;}.elementor-53 .elementor-element.elementor-element-e47e962.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-53 .elementor-element.elementor-element-d781ef2{--display:flex;}.elementor-53 .elementor-element.elementor-element-8b32668{width:100%;max-width:100%;}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-d781ef2{--content-width:100%;}}/* Start custom CSS *//* 1. Force the WoodMart header to float globally over the page without reserving space */
.whb-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: transparent !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* 2. Strip away the theme's automatic padding that pushes content below the header */
.wd-page-content,
.site-content,
#main-content,
.content-layout-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Pull your first Elementor container straight to the absolute top */
.elementor-element-530a8be.e-con,
.elementor-53 .elementor-element.e-con:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: 100vh !important;
}

/* 4. Scrolled state: turns solid white when scrolling down */
.whb-header.whb-sticked, 
.whb-header.whb-fixed {
    position: fixed !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Header link colors: White at top, Dark when scrolled */
.whb-header:not(.whb-sticked):not(.whb-fixed) .woodmart-nav-link, 
.whb-header:not(.whb-sticked):not(.whb-fixed) .wd-tools-element {
    color: #ffffff !important;
}

.whb-header.whb-sticked .woodmart-nav-link, 
.whb-header.whb-fixed .woodmart-nav-link,
.whb-header.whb-sticked .wd-tools-element, 
.whb-header.whb-fixed .wd-tools-element {
    color: #222222 !important;
}/* End custom CSS */