/* Change header background to maroon */
.site header.container-header {
    background-color: #722F37 !important;
    background-image: none !important;
}

/* Make header sticky on ALL devices */
.container-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}

/* Force desktop menu centering */
@media (min-width: 992px) {
    .container-header .grid-child.container-nav {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .container-header .navbar.navbar-expand-lg {
        justify-content: center !important;
        width: 100% !important;
    }
    
    .container-header .navbar-collapse {
        justify-content: center !important;
        flex-grow: 0 !important;
    }
    
    .container-header .mod-menu.metismenu {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
        margin: 0 auto !important;
        list-style: none !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .container-header .mod-menu.metismenu .metismenu-item {
        margin: 0 15px !important;
    }
}

/* White menu text for contrast */
.container-header .mod-menu a,
.container-header .navbar-nav a {
    color: white !important;
}

/* Menu hover effect */
.container-header .mod-menu a:hover,
.container-header .navbar-nav a:hover {
    color: #f0f0f0 !important;
    background-color: rgba(255,255,255,0.1) !important;
}

/* Mobile hamburger - force to right AND make sticky */
@media (max-width: 991px) {
    .container-header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1030 !important;
    }
    
    .container-header .navbar {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .container-header .navbar-toggler {
        border-color: white !important;
        order: 999 !important;
        margin-left: auto !important;
        margin-right: 15px !important;
        position: relative !important;
        z-index: 1031 !important;
    }
    
    .container-header .navbar-brand {
        order: 1 !important;
    }
    
    .container-header .navbar-collapse {
        order: 2 !important;
        width: 100% !important;
        clear: both !important;
        position: relative !important;
        top: 100% !important;
        left: 0 !important;
        background-color: #800000 !important;
    }
}

/* Portrait tablet specific sticky */
@media (max-width: 768px) and (orientation: portrait) {
    .container-header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1030 !important;
    }
}

/* Hamburger icon color */
.container-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Prevent body scroll issues */
body {
    padding-top: 0 !important;
}

.site-grid {
    margin-top: 0 !important;
}
/* ===== CUSTOM FONTS ===== */
@font-face {
    font-family: 'Roboto';
    src: url('/media/fonts/roboto/roboto-regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: url('/media/fonts/public-sans/public-sans-regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

/* Apply custom fonts */
body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Block Google Fonts */
@import url("https://fonts.googleapis.com") layer(disabled);

/* Text Block title links — black, underline on hover */
.sppb-addon-title a {
  font-family: 'Public Sans', sans-serif;  /* your font */
  color: #000000;                          /* black text */
  text-decoration: none;                   /* no underline by default */
}

.sppb-addon-title a:hover {
  text-decoration: underline;              /* underline on hover */
}

/* ===== COMPACT HEADER ===== */
/* Reduce overall header padding */
.site-header {
    padding: 0.5rem 0;
}

/* Align logo and menu on same line with less spacing */
.container-header .grid-child {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Reduce logo size */
.custom-logo {
    max-height: 60px;
    width: auto;
}

.site-title {
    margin: 0;
    line-height: 1;
}

/* Tighten menu spacing */
.container-header .mod-menu.metismenu .metismenu-item {
    margin: 0 10px !important;
}

.container-header .mod-menu a {
    padding: 0.5rem 0.75rem !important;
}

/* Mobile: keep compact */
@media (max-width: 991px) {
    .site-header {
        padding: 0.25rem 0;
    }
    
    .custom-logo {
        max-height: 50px;
    }
}