body{
    padding-top:80px;
}



/* NAV */

.site-header{

    position:fixed;

    top:0;
    right:0;
    left:0;

    z-index:9999;

    background:#ffffff;

    border-bottom:1px solid #e5e7eb;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

}



.fb-container{

    max-width:1200px;

    margin:auto;

    padding:16px 20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    direction:rtl;

}





/* LOGO */


.fb-logo{

    display:flex;

    align-items:center;

    gap:12px;



}



.fb-logo img{

    height:45px;

}





/* MENU */


.fb-menu{

    display:flex;

    align-items:center;

    gap:28px;

}



.fb-menu a{

    color:#374151;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

}



.fb-menu a:hover{

    color:#2563eb;

}





/* DROPDOWN */


.fb-dropdown{

    position:relative;

}



.fb-dropdown>a{

    display:flex;

    gap:6px;

    align-items:center;

}



.fb-dropdown-menu{


    position:absolute;

    top:35px;

    right:0;


    width:220px;


    background:#fff;


    border:1px solid #e5e7eb;


    border-radius:10px;


    padding:8px;


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



    opacity:0;

    visibility:hidden;

    transform:translateY(10px);


    transition:.2s;


}



.fb-dropdown:hover .fb-dropdown-menu{


    opacity:1;

    visibility:visible;

    transform:none;


}



.fb-dropdown-menu a{


    display:block;

    padding:10px 12px;

    border-radius:8px;


}



.fb-dropdown-menu a:hover{

    background:#eff6ff;

}






/* BUTTONS */


.fb-actions{

    display:flex;

    align-items:center;

    gap:10px;

}



.fb-appointment{


    background:#2563eb;

    color:#fff;

    padding:9px 18px;

    border-radius:8px;


}







/* MOBILE BUTTON */


.fb-menu-btn{


    display:none;

    background:none;

    border:0;

    width:40px;

}



.fb-menu-btn span{


    display:block;

    height:2px;

    background:#111;

    margin:6px;


}






/* MOBILE */


@media(max-width:768px){


    .fb-container{

        flex-wrap:wrap;

    }



    .fb-menu-btn{

        display:block;

    }



    .fb-menu{


        display:none;


        width:100%;


        flex-direction:column;


        align-items:stretch;


        padding-top:20px;


        gap:0;


    }



    .fb-menu.active{

        display:flex;

    }



    .fb-menu>a,
    .fb-dropdown>a{


        padding:14px;

        border-bottom:1px solid #eee;

    }




    .fb-dropdown-menu{


        position:static;


        display:none;


        opacity:1;

        visibility:visible;

        transform:none;

        box-shadow:none;


        width:100%;


    }



    .fb-dropdown.active .fb-dropdown-menu{

        display:block;

    }



    .fb-actions{

        margin-right:auto;

    }


    .fb-appointment,
    .fb-login{

        display:none;

    }


}