.my-donate-package-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.pkg-card{width:240px;border-radius:12px;border:2px solid transparent;transition:transform .2s}.pkg-card.selected{border-color:#f6861f}.pkg-card:hover{transform:translateY(-4px)}.pkg-percent{border-top-left-radius:12px;border-top-right-radius:12px;font-weight:600;color:#fff;font-size:14px;text-align:center;padding:6px 8px}.pkg-body{padding:16px;background:var(--pkg-gradient,#d5efb1);text-align:center}.pkg-subheading{color:#fff;font-weight:600;font-size:18px;margin-bottom:4px}.pkg-number{font-size:96px;color:#ff0000;margin:10px 0}.pkg-unit{font-size:20px;color:#fff;margin-bottom:10px}.pkg-divider{width:70%;height:2px;background:#000;margin:12px auto}.pkg-price{font-size:36px;font-weight:700;margin-bottom:16px;color:#000}.color-0 .pkg-percent{background:#8BC34A}.color-0 .pkg-body{--pkg-gradient:linear-gradient(#c5e97a,#a8d541)}.color-1 .pkg-percent{background:#4CAF50}.color-1 .pkg-body{--pkg-gradient:linear-gradient(#a5e2a5,#6fbf6f)}.color-2 .pkg-percent{background:#009E4A}.color-2 .pkg-body{--pkg-gradient:linear-gradient(#a2e2c1,#48b46e)}/* Avatar row */#avatarPreview{width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-color:#eee;position:relative;flex-shrink:0}#avatarPreview input{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}.my-donate-modal{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;}
@media(max-width:600px){.pkg-card{width:90%;}.my-donate-package-grid{flex-direction:column;align-items:center}}
/* form inputs uniform */#my-donate-form input,#my-donate-form select{padding:10px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box;font-size:16px}#my-donate-form input[type=number]{width:120px}
.md-label{display:block;font-size:18px;font-weight:600;margin-bottom:4px;color:#333}
.md-popup{max-width:800px;width:90vw;background:#fff;border-radius:12px;overflow:hidden;font-size:16px}.md-header{background:#ff7a22;color:#fff;padding:14px 24px;font-size:20px;font-weight:600;text-align:center;position:relative}.md-close{position:absolute;right:16px;top:0;cursor:pointer;font-size:26px;line-height:26px}.md-body{display:flex;gap:24px;padding:24px;flex-wrap:wrap}.md-info{flex:1;width:60%}.md-info p{margin:8px 0}.md-info span{color:#555}.md-qr{width: 40%;text-align:center}.md-qr img{border:1px solid #ddd;border-radius:6px}

/* ===== Donate Lists ===== */
.my-donate-recent,
.my-donate-top-donors,
.my-donate-top-provinces{list-style:none;margin:0;padding:0}

.donate-item,.province-item{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.donor-avatar,.province-icon{width:100px !important;height:100px !important;border-radius:50%;object-fit:cover;flex-shrink:0}

.donor-info strong,.province-info strong{font-size:18px;line-height:1.3}
.donate-time, .donate-count{flex:0 0 120px;font-size:14px;color:#666;white-space:nowrap}
.province-action{flex:0 0 25%;text-align:right}
.donate-trees,.province-trees{background:#009E4A;color:#fff;padding:6px 18px;border-radius:30px;font-weight:700;white-space:nowrap;font-size:14px}

/* Province progress layout */
.province-progress-wrapper{flex:1;max-width:350px;display:flex;align-items:center}
.province-progress{flex:1;height:24px;background:#e0e0e0;border-radius:40px;overflow:hidden;display:flex}
.province-progress-bar{background:#009E4A;height:100%;min-width:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
.province-progress-bar span{pointer-events:none}
.province-progress-right{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-weight:700;font-size:14px;color:#000}

/* Join now button */
.btn-join-now{background:#ff7a22;color:#fff;border:none;border-radius:30px;padding:6px 18px;font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none;display:inline-block;transition:opacity .2s;margin-left:16px}
.btn-join-now:hover{opacity:.85}
.md-qr-img{max-width:180px !important}
@media(max-width:600px){
    .md-body{flex-direction: column;}
    .md-info{width: 100%;}
    .md-qr{width: 100%;}
    .md-qr-img{max-width:300px !important}
  .donor-avatar,.province-icon{width:60px;height:60px;height:60px}
  .donor-info,.province-info{flex-basis:50%}
  .donate-time,.donate-count{flex-basis:100%;margin-top:4px}
  .province-action{margin-top:8px;text-align:left}
  .province-progress-wrapper{max-width:200px}
  .btn-join-now{margin-left:8px;padding:5px 12px;font-size:13px}
} 
.donate-time, .donate-count {
    min-width: 33%;
}
li.donate-item, li.province-item {
    margin-left: 0% !important;
}

.province-progress {
    max-width: 45%;
}

span#md_amount_display {
    margin-bottom: 27px;
}

.my-donate-package-grid{
    display: none;
}
/*.btn-donate-now{background:#ff884d;color:#fff;border:none;border-radius:6px;padding:12px 0;width:90%;font-size:20px;cursor:pointer}*/

.donor-one {
    display: flex;
    width: 50%;
    gap:10px;
}
.donor-two{
    display: flex;
    width: 30%;
    gap:10px;
}

.donor-info, .province-info {
 padding-top:10px;
}

@media(max-width:600px){
    .donor-one {
        display: block;
        width: 40%;
        gap: 0px;
    }
    .donor-two{
        display: block;
        width: 25%;
        gap: 0px;
    }
    .donor-info, .province-info {
        text-align: center;
        padding-top: 0px !important;
    }

    .donate-time, .donate-count {
        max-width: 30%;
        text-align: center;
    }
    span.donor-name, span.province-name {
        font-size: 18px !important;
    }

    img.donor-avatar {
        margin-left: 20px;
    }
    .province-action{
        width: 20%;
    }
    .province-action {
        display: none;
    }
    .province-progress {
        max-width: 65%;
        margin-left: 30px;
    }
}

/* ===== History table ===== */
.md-history-search{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.md-history-search input[type=text]{padding:6px 10px;border:1px solid #ccc;border-radius:4px;width:200px}
.md-history-search button{background:#009E4A;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer}
.md-history-table{width:100%;border-collapse:collapse;font-size:15px}
.md-history-table th{padding:10px 6px;background:#f5f5f5;text-align:left;font-weight:600;border-bottom:1px solid #ddd;color:#333}
.md-history-table td{padding:8px 6px;border-bottom:1px solid #f1f1f1}
.md-history-table tbody tr:nth-child(odd){background:#fafafa}
.md-history-table td:nth-child(2),.md-history-table th:nth-child(2){text-align:right}
.md-history-table td:nth-child(3),.md-history-table th:nth-child(3){text-align:center}
.md-pagination{margin-top:20px;display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.md-pagination a{padding:4px 8px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;font-size:14px}
.md-pagination a:hover{background:#eee}
.md-pagination a.active{background:#ff9900;color:#fff;border-color:#ff9900}
@media(max-width:600px){.md-history-search{justify-content:center}.md-history-table{font-size:14px}.md-history-search input[type=text]{width:100%}

.history-title{
    font-size: 14px !important;
    font-family: arial !important;
}
}

#my-donate-form select {
    padding: 0px 10px;
}

.md-body1{gap:24px;padding:24px;flex-wrap:wrap}

/* Ẩn danh làm mờ input */
.is-anon input:not([type=checkbox]), .is-anon select{opacity:0.5;pointer-events:none}
.is-anon input#md_quantity{opacity:1;pointer-events:auto}
/* chỉnh sửa: chỉ disable các ô thông tin, vẫn cho phép chọn số lượng */
.is-anon input:not(#md_quantity):not([type=checkbox]), .is-anon select{opacity:0.5;pointer-events:none}
.is-anon #avatarPreview{opacity:0.4}
input#md_anonymous {
    width: 15px;
    height: 15px;
}

.md-bank-table{width:100%;border-collapse:collapse;font-size:15px}
.md-bank-table th{padding:10px 6px;background:#f5f5f5;text-align:left;font-weight:600;border-bottom:1px solid #ddd;color:#333}
.md-bank-table td{padding:8px 6px;border-bottom:1px solid #f1f1f1}
.md-bank-table tbody tr:nth-child(odd){background:#fafafa}
.md-bank-table td:nth-child(4){text-align:right}
.md-bank-table td:nth-child(6),.md-bank-table th:nth-child(6){white-space:nowrap}

.elementor-element.elementor-element-09e4262.elementor-widget.elementor-widget-shortcode {
    margin-left: -15px;
}

a.btn-join-now {
    color: #fff;
}