/* ==========================================================
   ADMIN FOOTER
   Premium Professional Footer
========================================================== */

:root{

    --footer-height:64px;

    --footer-bg:
        linear-gradient(
            135deg,
            #0f172a 0%,
            #1e40af 45%,
            #2563eb 100%
        );

    --footer-text:#ffffff;
    --footer-muted:#dbeafe;
    --footer-border:rgba(255,255,255,.12);

    --footer-hover:#fbbf24;

    --footer-shadow:
        0 -8px 25px rgba(15,23,42,.20);

    --transition:.25s ease;
}

/* ==========================================================
   FOOTER
========================================================== */

.admin-footer{

    margin-top:auto;

    min-height:var(--footer-height);

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

    background:var(--footer-bg);

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

    border-top:1px solid var(--footer-border);

    box-shadow:var(--footer-shadow);

    padding:14px 24px;

}

/* ==========================================================
   CONTAINER
========================================================== */

.admin-footer .container,
.admin-footer .container-fluid{

    width:100%;

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

    gap:20px;

}

/* ==========================================================
   LEFT
========================================================== */

.footer-left{

    display:flex;
    align-items:center;
    gap:10px;

}

/* ==========================================================
   COPYRIGHT
========================================================== */

.footer-copy{

    margin:0;

    color:var(--footer-text);

    font-size:14px;
    font-weight:500;

    line-height:1.6;

    letter-spacing:.2px;

}

/* ==========================================================
   RIGHT
========================================================== */

.footer-right{

    display:flex;
    align-items:center;

    gap:14px;

}

/* ==========================================================
   STATUS
========================================================== */

.footer-status{

    display:flex;
    align-items:center;
    gap:8px;

    color:#dcfce7;

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

}

.footer-status::before{

    content:"";

    width:9px;
    height:9px;

    border-radius:50%;

    background:#22c55e;

    box-shadow:
        0 0 10px #22c55e,
        0 0 18px rgba(34,197,94,.45);

    animation:pulse 2s infinite;

}

@keyframes pulse{

    0%{
        transform:scale(1);
        opacity:1;
    }

    50%{
        transform:scale(1.25);
        opacity:.7;
    }

    100%{
        transform:scale(1);
        opacity:1;
    }

}

/* ==========================================================
   DIVIDER
========================================================== */

.footer-divider{

    width:1px;
    height:18px;

    background:rgba(255,255,255,.25);

}

/* ==========================================================
   VERSION
========================================================== */

.footer-version{

    padding:5px 12px;

    border-radius:50px;

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.15);

    color:#fff;

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

    transition:var(--transition);

}

.footer-version:hover{

    background:rgba(255,255,255,.20);

}

/* ==========================================================
   LINK
========================================================== */

.admin-footer a{

    color:var(--footer-text);

    text-decoration:none;

    transition:var(--transition);

}

.admin-footer a:hover{

    color:var(--footer-hover);

}

/* ==========================================================
   ICON
========================================================== */

.admin-footer i{

    font-size:14px;

}

/* ==========================================================
   STICKY FOOTER
========================================================== */

.page-wrapper{

    display:flex;
    flex-direction:column;

    min-height:calc(100vh - var(--header-height));

}

.content{

    flex:1;

}

/* ==========================================================
   FOCUS
========================================================== */

.admin-footer a:focus-visible{

    outline:2px solid #ffffff;

    outline-offset:3px;

    border-radius:4px;

}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991.98px){

    .admin-footer{

        padding:14px 18px;

    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767.98px){

    .admin-footer{

        padding:15px;

    }

    .admin-footer .container,
    .admin-footer .container-fluid{

        flex-direction:column;

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

        text-align:center;

        gap:12px;

    }

    .footer-right{

        flex-wrap:wrap;

        justify-content:center;

        gap:12px;

    }

    .footer-divider{

        display:none;

    }

}

/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:575.98px){

    .footer-copy{

        font-size:13px;

    }

    .footer-status{

        font-size:12px;

    }

    .footer-version{

        font-size:11px;

        padding:4px 10px;

    }

}