/* NEW CSS FOR ISSUES OF HEADER */

body {
    padding-top: 300px !important; 
}

.top-wrap,
#masthead,
header,
.site-header,
.header-spacer {
    display: none !important;
    height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
}

@media (max-width: 1150px) {
    body {
        padding-top: 85px !important; /* Adjust this specifically for mobile/tablet screens */
    }
}
 
/* FOR OLD HEADER */
.top-wrap {
    display: none;
    visibility: hidden;
}

.custom-injected-header {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: absolute; top: 0; left: 0; z-index: 99999;
    border-top: 4px solid #BA9106; /* Accent Color */
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
 
.menu-toggle-checkbox { display: none; }
.sidebar-overlay { display: none; }
 
.top-links, .modern-horizontal-menu { margin: 0; padding: 0; list-style: none; }
.top-links a, .modern-horizontal-menu a { text-decoration: none; text-transform: uppercase; }

@media (min-width: 1151px) {
    .hamburger-btn { display: none; }
    .header-container-grid {
        width: 100%; /* Stretches the header to eliminate empty side gaps */
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr; /* Splits logo and contacts exactly 50/50 */
        grid-template-areas: 
            "top top"
            "logo contacts"
            "nav nav";
    }

    .sidebar-wrapper { display: contents; }

    .top-utility-bar { grid-area: top; background: #020885; border-bottom: 1px solid #e2e8f0; padding: 6px 30px; display: flex; justify-content: flex-end; }
    .top-links { display: flex; }
    .top-links li { padding: 0 15px; border-right: 1px solid #cbd5e1; }
    .top-links li:last-child { border: none; padding-right: 0; }
    .top-links a { color: #ffffff; font-size: 11px; font-weight: 700; transition: color 0.2s; }
    .top-links a:hover { color: #c8cbd4; }

    .brand-logo { grid-area: logo; display: flex; align-items: center; padding: 15px 30px; }
    .brand-logo img { max-width: 350px; height: auto; }
    .contact-grid { grid-area: contacts; display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid #e2e8f0; }
    .contact-card {display: flex;align-items: center;justify-content: center;/* padding: 15px 20px; */border-right: 1px solid #e2e8f0;border-bottom: 1px solid #e2e8f0;}
    .contact-card .flag {font-size: 50px;margin-right: 15px;filter: grayscale(20%);transition: 0.3s;}
    .contact-card:hover .flag { filter: grayscale(0%); transform: scale(1.1); }
    .contact-card .info { display: flex; flex-direction: column; }
    .contact-card .region { font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase; }
    .contact-card .phone { font-size: 15px; font-weight: 800; color: #0b2265; }

    .primary-navigation-bar { grid-area: nav; background-color: #020885; }
    .modern-horizontal-menu { display: flex; padding: 0 15px; }
    .modern-horizontal-menu li { flex: auto; border-right: 1px solid rgba(255,255,255,0.08); }
    .modern-horizontal-menu a { display: block; padding: 18px 15px; color: #fff; text-align: center; font-size: 13px; font-weight: 700; letter-spacing: 1px; transition: 0.3s ease; }
    .modern-horizontal-menu a:hover {background-color: #BA9106;}
}

@media (max-width: 1150px) {
    .header-container-grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
    }
 
    .brand-logo img { max-width: 220px; height: auto; }
 
 .hamburger-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 24px;
        cursor: pointer;
        z-index: 100001; /* Must sit above overlay */
    }
    .hamburger-btn .line {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #0b2265;
        border-radius: 2px;
        transition: all 0.3s ease;
    }
 

    .sidebar-wrapper {
        position: fixed;
        top: 0;
        right: -320px; /* Hidden off screen */
        width: 300px;
        height: 100vh;
        background-color: #ffffff;
        box-shadow: -5px 0 25px rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 100000;
        padding-top: 60px; /* Space for close button area */
    }

    .mobile-order-1 { order: 1; } /* Primary Nav */
    .mobile-order-2 { order: 2; } /* Contacts Grid */
    .mobile-order-3 { order: 3; } /* Top Bar */
 
    .primary-navigation-bar { background: transparent; padding: 10px 0; border-bottom: 2px solid #f1f5f9; }
    .modern-horizontal-menu { display: flex; flex-direction: column; }
    .modern-horizontal-menu a { display: block; padding: 15px 25px; color: #0b2265; font-size: 14px; font-weight: 700; border-bottom: 1px solid #f8fafc; }
    .modern-horizontal-menu a:hover { color: #f59e0b; padding-left: 30px; }
 
    .contact-grid { display: flex; flex-direction: column; padding: 15px 0; border-bottom: 2px solid #f1f5f9; }
    .contact-card { display: flex; align-items: center; padding: 12px 25px; }
    .contact-card .flag { font-size: 24px; margin-right: 15px; }
    .contact-card .region { font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase; }
    .contact-card .phone { font-size: 15px; font-weight: 800; color: #1e293b; }
 
    .top-utility-bar { padding: 20px 25px; background: #f8fafc; flex-grow: 1; }
    .top-links { display: flex; flex-direction: column; gap: 15px; }
    .top-links a { color: #475569; font-size: 13px; font-weight: 700; }
 
    .menu-toggle-checkbox:checked ~ .sidebar-wrapper {
        right: 0; /* Slide in */
    }
    .menu-toggle-checkbox:checked ~ .sidebar-overlay {
        display: block;
        position: fixed;
        top: 0; left: 0; width: 100vw; height: 100vh;
        background: rgba(11, 34, 101, 0.4);
        backdrop-filter: blur(2px);
        z-index: 99999;
    }
 
    .menu-toggle-checkbox:checked ~ .hamburger-btn .line:nth-child(1) {
        transform: translateY(10.5px) rotate(45deg);
    }
    .menu-toggle-checkbox:checked ~ .hamburger-btn .line:nth-child(2) {
        opacity: 0;
    }
    .menu-toggle-checkbox:checked ~ .hamburger-btn .line:nth-child(3) {
        transform: translateY(-10.5px) rotate(-45deg);
    }
}