/* The Heat SE - Custom Styles */

:root {
    --cnvs-themecolor: #d6001c;
    --cnvs-themecolor-rgb: 214,0,28;
}

/* Fully Transparent Header */
#header {
    background-color: transparent;
    min-height: 300px;
}

header.floating-header #header-wrap {
    background-color: transparent !important;
    backdrop-filter: none !important;
    position: absolute;
    bottom: 20px;
    width: 100%;
    background: transparent !important;
    border: none;
}

/* Logo sizing */
#header .logo {
    padding-top: 6px;
    padding-bottom: 6px;
}

#header .logo img {
    max-height: 60px;
    width: auto;
}

/* Mobile menu adjustments */
@media (max-width: 991px) {
    #header {
        background-color: transparent;
        backdrop-filter: none;
    }
}

/* Centered logo inside primary menu (large screens) */
.menu-item-logo .menu-link { padding: 0 0.5rem; }
.menu-item-logo .menu-link > div { display: flex; align-items: center; justify-content: center; }
.menu-logo { max-height: 62px; width: auto; display: block; }
.menu-logo-link { display: inline-block; padding: 4px 8px; }

/* Ensure menu alignment stays centered when logo is present */
nav.primary-menu > .menu-container { align-items: center; display: flex; gap: 0.5rem; }

/* Site background set to white and header/light theme retained */
body, #wrapper {
    background-color: #ffffff;
    color: #111111;
}

/* Ensure primary content containers keep readable defaults */
.content-wrap, .container {
    color: inherit;
}

/* Expanded menu styles (from header-floating-small.html) */
.is-expanded-menu #header {
    --cnvs-header-floating-top-offset: 40px;
    --cnvs-primary-menu-font-size: .925rem;
}

.is-expanded-menu .menu-link {
    --cnvs-primary-menu-padding-x: 10px;
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
    border-radius: 10px;
}

.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
    border-top: 1px solid rgba(var(--cnvs-contrast-rgb), .1);
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content .container {
    border-radius: 10px;
}

/* Accent text in menu */
.menu-link span {
    display: inline !important;
    color: #d6001c !important;
}