/**
==========================================================
PAMDES Enterprise v1.0
File : assets/css/style.css
==========================================================
*/

body{
    font-family: "Segoe UI", Arial, sans-serif;
    background:#F8FAFC;
}

/* Navbar */

.navbar{
    min-height:60px;
}

/* Logo */

.navbar-brand{
    font-size:20px;
    letter-spacing:0.5px;
}

/* Sidebar */

.border-end{
    border-right:1px solid #E5E7EB !important;
}

.nav-link{
    color:#374151;
    padding:10px 15px;
    border-radius:8px;
    transition:.2s;
}

.nav-link:hover{
    background:#E0F2FE;
    color:#0284C7;
}

/* Content */

h2,h3,h4,h5{
    color:#1F2937;
}

.card{
    border:none;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* ==========================================================
   PAMDES - PUBLIC NAVBAR RESPONSIVE MOBILE
   ----------------------------------------------------------
   - Menu mobile muncul dari kanan
   - Background menu putih
   - Font menu hitam
   - Tidak menutupi konten dari sisi kiri
   - Desktop tidak diubah
   ========================================================== */

@media (max-width: 991.98px) {

    /* Navbar menjadi acuan posisi dropdown */
    .navbar {
        position: relative;
    }

    /* Area dropdown menu mobile */
    .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        right: 12px;
        left: auto;

        width: min(260px, calc(100vw - 24px));

        margin-top: 6px;
        padding: 10px;

        background: #ffffff;

        border-radius: 10px;
        border: 1px solid #e5e7eb;

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

        z-index: 1050;
    }

    /* Jangan gunakan justify-content desktop pada mobile */
    .navbar .navbar-collapse.justify-content-end {
        justify-content: initial !important;
    }

    /* Daftar menu */
    .navbar .navbar-collapse .navbar-nav {
        width: 100%;
        margin: 0 !important;
    }

    .navbar .navbar-collapse .nav-item {
        width: 100%;
        margin: 0 !important;
    }

    /* Teks menu HITAM */
    .navbar .navbar-collapse .nav-link {
        display: block;

        width: 100%;

        padding: 11px 14px;

        color: #111827 !important;

        background: transparent;

        border-radius: 7px;

        font-weight: 500;

        text-align: left;
    }

    /* Hover / focus / active */
    .navbar .navbar-collapse .nav-link:hover,
    .navbar .navbar-collapse .nav-link:focus,
    .navbar .navbar-collapse .nav-link:active {
        color: #111827 !important;
        background: #f1f5f9;
    }

    /* Tombol Login */
    .navbar .navbar-collapse .nav-item .btn {
        display: block;

        width: 100%;

        margin-top: 6px;

        text-align: left;

        color: #111827 !important;
    }

    /* Brand agar tidak mendorong tombol hamburger */
    .navbar .navbar-brand {
        max-width: calc(100% - 75px);

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        font-size: 15px;
    }

    /* Tombol hamburger */
    .navbar .navbar-toggler {
        flex-shrink: 0;

        margin-left: auto;
    }
}

/* ==========================================================
   EXTRA SMALL PHONE
   ========================================================== */

@media (max-width: 420px) {

    .navbar .navbar-brand {
        max-width: calc(100% - 65px);
        font-size: 14px;
    }

    .navbar .navbar-collapse {
        right: 8px;
        width: calc(100vw - 16px);
    }

}