/* School Services Menu Final */

:root{
 --ss-primary:#114b7a;
 --ss-primary-hover:#15639e;
 --ss-primary-light:#eef6fc;
 --ss-text:#fff;
 --ss-menu-text:#2f3a45;
 --ss-border:#e7ebf0;
 --ss-radius:14px;
 --ss-shadow:0 10px 24px rgba(17,75,122,.25);
 --ss-transition:background .25s,color .25s,transform .25s,box-shadow .25s;
}
.ss-user-menu{position:relative;display:inline-block;margin:0}
.ss-user-toggle{width:220px!important;height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;background:linear-gradient(180deg,#15639e,#114b7a);color:#fff;border:none;border-radius:var(--ss-radius);cursor:pointer;user-select:none;list-style:none;font-size:15px;font-weight:600;box-shadow:var(--ss-shadow);transition:var(--ss-transition)}
.ss-user-toggle::-webkit-details-marker{display:none}
.ss-user-toggle:hover{background:linear-gradient(180deg,#1b75b8,#15639e);transform:translateY(-1px)}
.ss-user-toggle:active,.wp_google_login__button:active{transform:scale(.98)}
.ss-user-icon{font-size:18px}
.ss-user-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-user-toggle::after{content:"▾";font-size:20px;transition:transform .25s}
.ss-user-menu[open] .ss-user-toggle::after{transform:rotate(180deg)}
.ss-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:270px;display:none;background:#06202F!important;border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:0 16px 40px rgba(0,0,0,.16);padding:8px;overflow:hidden;z-index:99999}
.ss-user-menu[open] .ss-dropdown{display:block;animation:ssFade .2s ease}
.ss-dropdown a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#fff!important;text-decoration:none;border-radius:10px;font-size:15px;font-weight:500;transition:var(--ss-transition)}
.ss-dropdown a:hover{background:#214b87!important;color:var(--ss-primary);transform:translateX(2px)}
.ss-dropdown hr{margin:8px 0;border:none;border-top:1px solid var(--ss-border)}
.ss-dropdown a:last-child{background:rgba(220, 53, 69, .12)!important;margin-top:4px;color:#ffb3b3}
.ss-dropdown a:last-child:hover{background:#dc3545!important;color:#fff}
@keyframes ssFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.wp_google_login{
    display:inline-block;
    margin: 0!important;
    padding: 0!important;
}
.wp_google_login__button-container{
        margin: 0!important;
    padding: 0!important;
}

/* ================102748==========================
   Buttons
========================================== */

.ss-user-toggle,
.wp_google_login__button{

    width:180px;
    height:50px;

    display:flex !important;
    align-items:center;
    justify-content:center;


    padding:0 10px !important;

    background:rgba(255,255,255,.05) !important;

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.12) !important;

    border-radius:14px !important;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:15px;
    font-weight:600;

    box-shadow:
        0 8px 24px rgba(0,0,0,.25);

    transition:
        background .25s,
        border-color .25s,
        transform .25s,
        box-shadow .25s;

}

.ss-user-toggle:hover,
.wp_google_login__button:hover{

    background:rgba(255,255,255,.15) !important;

    border-color:rgba(255,255,255,.25) !important;

    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.35);

}

.ss-user-toggle:active,
.wp_google_login__button:active{

    transform:scale(.98);

}    

.wp_google_login__google-icon{

    width:18px;


    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    background:none !important;

    margin:0;

}

.wp_google_login__google-icon::before{

    content:"";
    align-items:center;
    width:22px;
    height:22px;

    display:block;

    background:url("../icons/google.svg") center center / contain no-repeat;

}