/* ===========================
   Nursing System Theme
   =========================== */


:root {

    --primary-color: #0F766E;
    --primary-dark: #115E59;
    --secondary-color: #0EA5E9;

    --bg-color: #F8FAFC;

    --text-color: #1E293B;

}



/* General */

body {

    background: var(--bg-color);

    color: var(--text-color);

    font-family: Vazirmatn, Tahoma, sans-serif;

}



/* Navbar */


.navbar-custom {

    background: rgba(255,255,255,0.95);

    backdrop-filter: blur(10px);

    box-shadow: 0 4px 20px rgba(0,0,0,0.06);

    padding: 12px 0;

}




.site-logo {

    height: 52px;

    max-width: 180px;

    object-fit: contain;

}



.brand-title {

    font-size: 1.4rem;

    font-weight: 800;

    color: var(--primary-color);

}





.navbar-custom .nav-link {

    color: #334155;

    font-weight: 500;

    padding: 10px 14px;

    transition: .3s;

}



.navbar-custom .nav-link:hover {

    color: var(--primary-color);

}





/* Buttons */


.btn-medical {

    background: var(--primary-color);

    color:white;

    border-radius: 12px;

    padding: 10px 20px;

    border:none;

    transition:.3s;

}



.btn-medical:hover {

    background:var(--primary-dark);

    color:white;

    transform:translateY(-2px);

}





.btn-outline-medical {

    border:1px solid var(--primary-color);

    color:var(--primary-color);

    border-radius:12px;

    padding:10px 20px;

    margin-left:8px;

}



.btn-outline-medical:hover {

    background:var(--primary-color);

    color:white;

}





/* Mobile */


@media(max-width:991px){


    .navbar-collapse {

        background:white;

        margin-top:15px;

        padding:20px;

        border-radius:18px;

        box-shadow:0 10px 30px rgba(0,0,0,.08);

    }



    .navbar-actions {

        margin-top:20px;

        display:flex;

        flex-direction:column;

        gap:10px;

    }



    .btn-medical,
    .btn-outline-medical {

        width:100%;

        text-align:center;

    }


}