:root{--primary-color:#2e8540;--light-color:#f1f8e9;--text-color:#333}
.alghoffaar-section{background:var(--light-color);border-radius:10px;color:var(--text-color)}
.alghoffaar-section.agmi-section {
    padding: 12px 16px;  
}

.alghoffaar-section.agmi-section h2 {
    margin: 0 0 10px;
    line-height: 1.25;
}
.contact-form .form-group{margin-bottom:1rem}
.form-control{width:100%;padding:0.6rem;border:1px solid #ccc;border-radius:6px}
.submit-btn{background:var(--primary-color);color:#fff;padding:0.6rem 1.2rem;border-radius:50px;border:none;cursor:pointer}
.alghoffaar-tab{display:inline-block;padding:0.5rem 1rem;border:1px solid #2e8540;margin-right:0.4rem;border-radius:6px;cursor:pointer}
.alghoffaar-tab.active{background:#2e8540;color:#fff}
.alghoffaar-tab-content{display:none;padding:1rem;background:#fff;border:1px solid #2e8540;border-radius:0 0 8px 8px}
.alghoffaar-tab-content.active{display:block}
.table-penginfaq{width:100%;border-collapse:collapse;margin-top:1rem}
.table-penginfaq th {
    background: transparent;
    color: #2e8540; /* sama dengan judul */
    font-weight: bold;
    padding: 8px;
    border-bottom: 2px solid #2e8540;
    position: sticky;
    top: 0;
    z-index: 5;
}
.table-penginfaq td{padding:0.6rem;border-bottom:1px solid #eee}
.alghoffaar-alert{padding:0.8rem;border-radius:6px;margin-top:0.6rem}
.alghoffaar-alert.error{background:#fdecea;color:#a33327}
.alghoffaar-alert.success{background:#e9f9f1;color:#24684a}
.agmi-campaign-container {
    display:flex;
    gap:20px;
    overflow-x:auto;
    padding-bottom:10px;
}
.agmi-card {
    flex: 0 0 calc(50% - 20px);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    overflow: visible; /* PENTING */
    display: flex;
    flex-direction: column;
}

/* GAMBAR CAMPAIGN */
.agmi-card-img {
    width: 100%;
    aspect-ratio: 16 / 9; /* KUNCI UTAMA */
    object-fit: cover;
    display: block;
    margin-bottom: 2px;
    border-radius: 10px 10px 0 0;
}

/* BODY */
.agmi-card-body {
    padding: 10px 14px 14px;
    flex-grow: 1;
}

/* JUDUL RAPAT KE GAMBAR */
.agmi-card-body h3 {
    margin: 0 0 6px;
    line-height: 1.3;
}

/* DESKRIPSI */
.agmi-card-body p {
    margin: 0 0 8px;
    font-size: 0.95rem;
}

/* ===============================
   PROGRESS BAR + TOOLTIP (FIXED)
   =============================== */

.agmi-progress {
    position: relative;
    background: #eee;
    height: 12px;
    border-radius: 6px;
    margin: 12px 0 18px;
}

.agmi-bar {
    height: 100%;
    background: #0b7a76;
    border-radius: 6px;
    transition: width 1s ease;
}

/* TOOLTIP */
.agmi-tooltip {
    position: absolute;
    top: -38px;
    left: 0;
    transform: translateX(-50%);
    background: #222;
    color: #fff;
    font-size: 0.72rem;
    padding: 5px 9px;
    border-radius: 7px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 10;
}

/* POSISI TOOLTIP DI UJUNG BAR */
.agmi-progress:hover .agmi-tooltip {
    opacity: 1;
}

/* PANAH */
.agmi-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #222 transparent transparent;
}

.agmi-btn {
    background:#0b7a76;
    padding:10px 16px;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}
/* fix layout untuk auto-scroll */
.agmi-donor-box {
    max-height: 300px;
    overflow-y: hidden; /* DISABLE manual scroll, nanti digerakkan otomatis */
    border: 1px solid #ddd;
    border-radius: 8px;
    position: relative;
	scroll-behavior: smooth;
}
.agmi-donor-box:hover {
    cursor: default;
}
    .agmi-form-header{scroll-margin-top: 110px;}
    .agmi-loading{pointer-events:none;opacity:.6;position:relative}
    .agmi-loading:after{
        content:'';position:absolute;inset:0;
        background:linear-gradient(90deg,#eee,#f5f5f5,#eee);
        animation:shimmer 1.2s infinite;
    }
    @keyframes shimmer{from{background-position:-200px}to{background-position:200px}}
    .agmi-success-wrapper{max-width:680px;margin:30px auto;text-align:center;}
    .psb-success-check{width:140px;margin:0 auto 20px;animation:popIn .6s ease-out}
    @keyframes popIn{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
    .agmi-success-title{font-size:28px;margin-bottom:8px;color:#16a34a;}
    .agmi-success-desc{color:#666;margin-bottom:18px;}
    .agmi-success-box{background:#f7f7f7;padding:18px;border-radius:12px;}
    .agmi-qris img{max-width:240px;margin-top:15px;}
    .agmi-box-error{background:#ffeded;padding:15px;border-radius:8px;color:#900;text-align:center;}