/*==================================================
    GURU.CSS
    Semua style yang berhubungan dengan Guru
==================================================*/
/* LOGIN GURU */

.guru-login{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    background:linear-gradient(135deg,
    #853d23,
    #e497c4);

    padding:10px 18px;

    border-radius:50px;

    box-shadow:0 6px 18px rgba(0,0,0,.18);

    transition:.3s;

}

.guru-login:hover{

    transform:translateY(-4px);

}

.guru-login img{

    width:55px;

    height:auto;

}

.guru-login span{

    font-size:18px;

    font-weight:bold;

    color:#5D4037;

}
/* ==========================
   PANEL GURU
========================== */
.panel-title{

    margin-top:8px;

    font-size:18px;

    font-weight:bold;
}
.guru-kecil{

    width:42px !important;

    height:auto;

}
/*==================================================
    MASKOT GURU
    (Dipakai di halaman lain jika diperlukan)
==================================================*/

.guru-maskot{

    text-align:center;

    margin:30px 0;

}

.guru-maskot img{

    width:220px;

    max-width:90%;

    height:auto;

    filter:drop-shadow(
        0 10px 20px rgba(0,0,0,.18)
    );

    transition:.3s;

}

.guru-maskot img:hover{

    transform:translateY(-8px) scale(1.05);

}

.guru-maskot p{

    margin-top:15px;

    font-size:20px;

    font-weight:bold;

    color:#8D6E63;

}