/*
Theme Name: Ostelnet School
Author: Ostelnet Digital Solutions
Version: 1.0
Description: Modern Multi-School SaaS Theme
*/

.site-header{
    background:#fff;
    padding:20px 0;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    position:sticky;
    top:0;
    z-index:999;
}

.header-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.site-branding{
    display:flex;
    align-items:center;
    gap:14px;
}

.site-logo{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:12px;
}

.site-nav ul{
    display:flex;
    gap:24px;
    list-style:none;
}

.site-nav a{
    text-decoration:none;
    color:#111827;
    font-weight:600;
}

.site-footer{
    background:#111827;
    color:#fff;
    padding:80px 0;
    margin-top:80px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
}

@media(max-width:900px){

    .header-flex{
        flex-direction:column;
        gap:20px;
    }

    .site-nav ul{
        flex-wrap:wrap;
        justify-content:center;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }
}