/* Header Scroll Background Styles */
.header.headroom--pinned {
    background-color: #ccbd9b !important;
    transition: background-color 0.3s ease;
}

.header.headroom--not-bottom.headroom--pinned {
    background-color: #ccbd9b !important;
}

.header.fixed.headroom--pinned {
    background-color: #ccbd9b !important;
}

.header.dark-header.headroom--pinned {
    background-color: #ccbd9b !important;
}

/* Ensure header has proper background when scrolled */
.header.headroom--top {
    background-color: transparent;
}

.header.headroom--not-top {
    background-color: #ccbd9b !important;
}

/* JavaScript controlled scroll background */
.header.scrolled {
    background-color: #ccbd9b !important;
    transition: background-color 0.3s ease;
}

/* Additional header styles for better visibility */
.header.style11 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
}

/* Ensure text is visible on the new background */
.header.scrolled .thb-full-menu a,
.header.scrolled .header-secondary-text p {
    color: #333 !important;
}

.header.scrolled .logoimg {
    opacity: 1;
}