/* ==============================
   GLOBAL
   ============================== */
.profil-page {
    padding-top: 20px;
}

.page-title-box h4 {
    font-weight: 600;
    color: #1a3f6b;
}

.page-title-box .breadcrumb-item a {
    color: #777 !important;
}

.page-title-box .breadcrumb-item.active {
    font-weight: 600;
    color: #1a3f6b !important;
}
/* Samakan background profil dengan halaman riwayat */
body {
    background: #f8f9fc !important;   /* warna soft seperti riwayat */
}

/* ==============================
   CARD BODY
   ============================== */

.card-body {
    padding: 2rem !important;
}

.card.border-0.shadow-sm {
    border: 1.3px solid #d0d7e5 !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.card {
    border-radius: 14px !important;
    overflow: hidden;
}

h2.fw-bold {
    font-size: 26px;
    margin-bottom: 12px;
}

/* ==============================
   ICON BUBBLES
   ============================== */
.icon-bubble {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-bubble i {
    font-size: 20px;
}

/* ==============================
   TABEL INFORMASI PROFIL
   ============================== */
.table td {
    padding: 8px 0 !important;
    vertical-align: middle;
    font-size: 15px;
    color: #223;
}

.table td.fw-semibold {
    font-weight: 600 !important;
    width: 160px;
}

/* ==============================
   BUTTON RIWAYAT
   ============================== */
.btn-outline-primary {
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px;
}

/* ==============================
   CARD DETAIL KEGIATAN
   ============================== */
.card-header.baduy-bg {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    min-height: 90px; /* bisa disesuaikan */
    display: flex;
    align-items: center; /* biar teks tetap tengah */
}

.baduy-bg {
    background: #1a5bb8 !important;
    color: white !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 14px 20px;
    position: relative;
    overflow: hidden;
}

/* background dasar */
.baduy-bg {
 background-image: url("/tanparagu/build/images/baduy.jpg");
    background-size: 160px;
    background-repeat: repeat;
    background-color: #1a5bb8;
}

/* overlay tanpa blur, cuma opacity aja */
.baduy-bg::before {
    content: "";
    position: absolute;
    inset: 0;
   background-image: url("/tanparagu/build/images/baduy.jpg");
    background-size: 180px;
    background-repeat: repeat;

    opacity: 0.30;              /* sebelumnya 0.15 → dibuat lebih terang */
    z-index: 0;
}

.baduy-bg h5 {
    position: relative;
    z-index: 1;
}

/* ==============================
   INFO SESSION
   ============================== */

.alert-info {
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 30px;
}

.alert-info i {
    font-size: 22px;
}

.alert-info small {
    font-size: 14px;
}

/* ============================
   BUTTON BIRU BADUY STYLE
   ============================ */

.btn-primary {
    background-color: #133d78 !important;   /* warna baduy */
    border-color: #133d78 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #133d78 !important;   /* sedikit lebih gelap saat hover */
    border-color: #133d78 !important;
}


/* Outline versi baduy */
.btn-outline-primary {
    color: #133d78 !important;
    border-color: #133d78 !important;
}

.btn-outline-primary:hover {
    background-color: #133d78 !important;
    color: #fff !important;
    border-color: #133d78 !important;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .card-body {
        padding: 1.2rem !important;
    }

    .table td.fw-semibold {
        width: 120px;
    }

    h2.fw-bold {
        font-size: 22px;
    }

    .table td, 
    .table th {
        text-align: center !important;
        vertical-align: middle !important;
    }

}