/* public/css/profile-w3.css */

/* Kelas untuk layout utama */
.main-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* Kelas untuk kartu (card) */
.card-container {
    max-width: 672px; /* max-w-2xl */
    margin-left: auto;
    margin-right: auto;
}

/* Kelas untuk grid responsif */
.profile-info-row .w3-col {
    padding: 0 1rem; /* gap-4 */
}
/* Untuk layar kecil, biarkan kolom menumpuk */
@media (max-width: 992px) {
    .profile-info-row .w3-col.l6, .profile-info-row .w3-col.m6 {
        width: 100%;
    }
}
/* Untuk layar besar, gunakan dua kolom */
@media (min-width: 993px) {
    .profile-info-row .w3-col.l6, .profile-info-row .w3-col.m6 {
        width: 50%;
    }
}

/* Penyesuaian font dan warna agar sesuai dengan tema */
.w3-xlarge {
    font-size: 1.875rem !important; /* text-3xl */
    font-weight: 700 !important; /* font-bold */
}
.w3-large {
    font-size: 1.125rem !important; /* text-lg */
    font-weight: 600 !important; /* font-semibold */
}
.w3-medium {
    font-size: 1.125rem !important; /* text-lg */
    font-weight: 600 !important; /* font-semibold */
}
.w3-small {
    font-size: 0.875rem !important; /* text-sm */
    font-weight: 500 !important; /* font-medium */
}
.w3-text-gray {
    color: #4b5563 !important;
}
.w3-text-black {
    color: #111827 !important;
}