/* ============================================================
   VATG — PUBLIC BUNDLE CARDS
   Compact PMA Benefit Presentation
============================================================ */

/* --------------------------------------------------
   Remove Divi auto paragraph around shortcode
-------------------------------------------------- */

.et_pb_text_inner > p:empty{
    display:none;
    margin:0;
    padding:0;
}

.vatg-shortcode-clean{
    display:block;
}

/* ------------------------------------------------------------
   Wrapper
------------------------------------------------------------ */
.vatg-bundle-cards{
    margin:0;
}

/* ------------------------------------------------------------
   Optional Profile Header
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-bundle-profile{
    margin:0 0 16px 0;
    font-size:26px;
    font-weight:600;
    color:#653090;
}

/* ------------------------------------------------------------
   Participation Flow Indicator
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-flow-indicator{
    font-size:13px;
    color:#653090;
    opacity:.75;
    margin:0 0 22px 0;
    letter-spacing:.35px;
}

.vatg-bundle-cards .vatg-flow-indicator span{
    margin-right:6px;
}

/* ------------------------------------------------------------
   Grid Layout
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-bundle-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:24px;
}

/* ------------------------------------------------------------
   Card
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-bundle-card{
    background:#ffffff;
    border:1px solid rgba(101,48,144,.18);
    border-radius:14px;
    padding:18px 20px;

    box-shadow:
        0 4px 14px rgba(24,0,48,.06),
        inset 0 0 0 1px rgba(255,255,255,.5);

    font-size:14px;
    line-height:1.5;
    color:#180030;
}

/* ------------------------------------------------------------
   Headings
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-record-label{
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vatg-bundle-cards .vatg-bundle-title{
    font-size:18px;
    font-weight:600;
    margin:0 0 8px 0;
    line-height:1.25;
}

/* ------------------------------------------------------------
   Status Chips
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-status-chips{
    margin:0 0 10px 0;
}

.vatg-bundle-cards .vatg-chip{
    display:inline-block;
    font-size:11px;
    padding:3px 8px;
    margin:0 6px 6px 0;
    border-radius:999px;
    background:rgba(101,48,144,.08);
    color:#653090;
    font-weight:500;
    letter-spacing:.3px;
}

/* ------------------------------------------------------------
   Description Blocks
------------------------------------------------------------ */
.vatg-bundle-cards .description{
    font-size: 11px;
    margin:0 0 10px 0;
    word-break:break-word;
}

.vatg-bundle-cards .description p{
    margin:0 0 0px 0;
}

.vatg-bundle-cards .vatg-record-meta{
    font-size: 11px;
    margin 0 0 10px 0;
    word-break: break-word;
    color: #8D8D8D;
}

/* ------------------------------------------------------------
   Reference Code
------------------------------------------------------------ */
.vatg-bundle-cards code{
    background:rgba(101,48,144,.06);
    padding:2px 6px;
    border-radius:4px;
    font-size:12px;
}

/* ------------------------------------------------------------
   Subtle Divider (optional utility)
------------------------------------------------------------ */
.vatg-bundle-cards .vatg-divider{
    height:1px;
    background:rgba(101,48,144,.15);
    margin:12px 0;
}

/* ------------------------------------------------------------
   Mobile Refinement
------------------------------------------------------------ */
@media (max-width:640px){

    .vatg-bundle-cards .vatg-bundle-card{
        padding:16px;
    }

    .vatg-bundle-cards .vatg-bundle-title{
        font-size:17px;
    }

}