/* Shared Header, Navigation, and Footer Styles 
//templates/header.css*/
@import url('../../user/themes/modigin/css/custom.css');
/* Header positioning and navigation */
#header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-bottom: 1px solid #e2e8f0;
}

/* Body spacing to account for fixed header - increased more */
body {
    padding-top: 160px 
}

/* Simple horizontal navigation - logo and nav on same line */
#header .navbar {
    display: block ;
    padding: 1rem 0 ;
}

#header .navbar-section.logo {
    display: inline-block ;
    vertical-align: top ;
    margin-right: 1rem ;
}

#header .navbar-section.logo .navbar-brand img {
    max-height: 80px ;
    width: auto ;
}

#header .navbar-section.desktop-menu {
    display: inline-block ;
    vertical-align: top ;
    width: calc(100% - 120px) ;
    margin-top: 1rem ;
}

#header .desktop-menu .dropmenu ul {
    display: inline ;
    list-style: none ;
    margin: 0 ;
    padding: 0 ;
}

#header .desktop-menu .dropmenu li {
    display: inline-block ;
    margin: 0 0.25rem 0.25rem 0 ;
}

#header .desktop-menu .dropmenu a {
    display: inline-block ;
    padding: 0.5rem 1rem ;
    margin: 0 ;
    text-decoration: none ;
    border-radius: 4px ;
    white-space: nowrap ;
    background-color: #f8f9fa ;
    border: 1px solid #dee2e6 ;
}

#header .desktop-menu .dropmenu a:hover {
    background-color: #e9ecef ;
}

#header .desktop-menu .dropmenu a.active {
    background-color: #007bff ;
    color: white ;
    border-color: #007bff ;
}

/* Footer styling */
#footer {
    background-color: #f8f9fa ;
    border-top: 1px solid #dee2e6 ;
    margin-top: 3rem ;
    padding: 2rem 0 1rem 0 ;
}

#footer .footer-content {
    max-width: 1200px ;
    margin: 0 auto ;
    padding: 0 1rem ;
}

#footer .footer-main {
    text-align: center ;
    margin-bottom: 1.5rem ;
}

#footer .footer-main .copyright {
    font-size: 1rem ;
    color: #495057 ;
    margin: 0 ;
}

#footer .footer-main .year-highlight {
    font-weight: 600 ;
    color: #212529 ;
}

#footer .footer-disclaimer {
    text-align: center ;
    margin-bottom: 1.5rem ;
}

#footer .footer-disclaimer p {
    font-size: 0.875rem ;
    color: #6c757d ;
    font-style: italic ;
    margin: 0 ;
}

#footer .footer-links {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    flex-wrap: wrap ;
    gap: 1rem ;
}

#footer .footer-nav {
    display: flex ;
    gap: 1.5rem ;
    flex-wrap: wrap ;
}

#footer .footer-nav a {
    color: #495057 ;
    text-decoration: none ;
    font-size: 0.875rem ;
    transition: color 0.2s ease ;
}

#footer .footer-nav a:hover {
    color: #007bff ;
}

#footer .footer-social {
    display: flex ;
    gap: 1rem ;
}

#footer .footer-social a {
    color: #495057 ;
    text-decoration: none ;
    font-size: 0.875rem ;
    transition: color 0.2s ease ;
}

#footer .footer-social a:hover {
    color: #007bff ;
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
    .desktop-menu .dropmenu ul {
        gap: 1rem;
    }
}

@media (max-width: 960px) {
    body {
        padding-top: 140px;
    }
    
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .desktop-menu {
        width: 100%;
        justify-content: flex-start;
    }
    
    .desktop-menu .dropmenu ul {
        flex-direction: column;
        width: 100%;
        gap: 0.5rem;
        align-items: flex-start;
    }
    
    .desktop-menu .dropmenu li {
        width: 100%;
    }
    
    .desktop-menu .dropmenu a {
        display: block;
        width: 100%;
        padding: 0.75rem;
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 160px;
    }
.desktop-menu .dropmenu ul {
        display: none;
    }
    
    .desktop-menu .dropmenu ul.mobile-open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        z-index: 1000;
    }


}

/* Print styles */
@media print {
    #header {
        position: static;
        box-shadow: none;
        border-bottom: 1px solid #000;
    }
    
    body {
        padding-top: 0;
    }
    
    .desktop-menu {
        display: none;
    }
}