/* ============================================================
   Custom UI Overrides for CertWeb
   File: dist/css/custom.css
   ============================================================ */


/* ------------------------------------------------------------
   1. Login & Registration Pages
   ------------------------------------------------------------ */

/* Wider cards for register/login pages */
.register-box,
.login-box {
    width: 100%;
    max-width: 480px; /* 450–500px works well */
}

/* Improve card padding */
.register-box .card-body,
.login-box .card-body {
    padding: 2rem 2rem 2.5rem 2rem;
}

/* Reduce vertical spacing on small screens */
@media (max-width: 575.98px) {
    .register-box,
    .login-box {
        margin-top: 1.5rem;
    }
}


/* ------------------------------------------------------------
   2. Admin Panel Layout Fixes
   ------------------------------------------------------------ */

/*
 * Prevent huge empty space on ultrawide monitors by controlling
 * column widths for the left (sidebar cards) and right panel.
 */
@media (min-width: 1200px) {

    /* Left column width (Site Information + Agent Information) */
    .admin-sidebar-col {
        flex: 0 0 380px;        /* Fixed width */
        max-width: 380px;
    }

    /* Right column (tabs and content) */
    .admin-main-col {
        flex: 1 1 auto;        /* Fill remaining space */
        max-width: calc(100% - 380px);
    }

    /* Limit each card inside the left column */
    .admin-sidebar-card {
        max-width: 100%;
        width: 100%;
    }
}


/* ------------------------------------------------------------
   3. Optional Cosmetics
   ------------------------------------------------------------ */

/* Make left column cards visually consistent */
.admin-sidebar-card .card-header {
    font-weight: 600;
}

/* Make nav pills more modern-looking */
.nav-pills .nav-link i {
    opacity: 0.8;
    margin-right: 4px;
}

.nav-pills .nav-link.active {
    font-weight: 600;
}