/* ================================================================
   GLOBAL DEFAULTS & RESET STYLES
   ================================================================ */
body, html { 
    margin: 0; padding: 0; 
    font-family: 'Oswald', sans-serif; 
    background: #0a141e; 
    color: white; 
    overflow-x: hidden;
    scroll-behavior: smooth;
}

a, a:visited {
    color: #b0b8c1; 
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: 0.3s ease;
}
a:hover { color: #c5a059; }

/* SHARED COMPONENTS (Nav & Footer) */
nav {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 5%; background: white; border-bottom: 2px solid #c5a059; 
    position: sticky; top: 0; z-index: 1000;
}
.logo-s { height: 80px; width: auto; }
.nav-links { display: flex; gap: 25px; align-items: center; }

.nav-links a:not(.nav-btn-pill) { 
    color: #4a4238 !important; 
    text-decoration: none !important; 
    text-transform: uppercase; 
    font-weight: 700; 
    font-size: 1.1rem;
    letter-spacing: 1px;
    border-bottom: 2px solid transparent; 
    transition: 0.3s;
}

.nav-links a:not(.nav-btn-pill).active,
.nav-links a:not(.nav-btn-pill):hover { color: #c5a059 !important; border-bottom: 2px solid #c5a059 !important; }

.nav-btn-pill {
    background: #f4f4f4; color: #4a4238 !important; padding: 8px 18px !important;
    border-radius: 50px; font-size: 0.75rem !important; font-weight: 700 !important;
    text-decoration: none !important; display: flex; align-items: center; gap: 8px;
    border: 1px solid #ddd; transition: 0.3s;
}
.nav-btn-pill:hover { background: #0a141e; color: white !important; }

footer { 
    padding: 50px 0; text-align: center; background: white; 
    border-top: 3px solid #c5a059; display: flex; flex-direction: column; align-items: center; gap: 15px;
}
.footer-logo-s { height: 60px; width: auto; }
footer p { color: #4a4238 !important; margin: 0; font-weight: 500; }

/* SHARED BUTTONS (Used across multiple pages) */
/* in shared.css */
.btn-industrial {
    background: #c5a059;
    color: #0a141e !important;
    padding: 15px 35px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #c5a059;
    text-decoration: none;
    transition: 0.3s;
}

.btn-outline {
    background: transparent;
    color: #c5a059 !important;
    padding: 15px 35px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #c5a059;
    text-decoration: none;
    transition: 0.3s;
}

.btn-industrial:hover, .btn-outline:hover { background: transparent; color: #c5a059 !important; }

/* SHARED RESPONSIVE RESET */
@media (max-width: 768px) {
    nav { flex-direction: column; padding: 15px 0; }
    .nav-links { margin-top: 15px; gap: 15px; flex-wrap: wrap; justify-content: center; }
}



/* Change this in contact.css or shared.css */
.contact-hero, 
.page-header,
.sub-header {
    /* 20px top/bottom, 10% left/right */
    padding: 20px 10% !important; 
}

.contact-hero h1,
.page-header h1,
.sub-header h1 {
    font-size: 2rem; /* Optional: shrink text slightly if it looks too big for the small bar */
    margin: 0;      /* Ensure no extra space is added by default margins */
}