/* =====================================================
   IDHUS Campus Design System
   Components
===================================================== */


/* =====================================================
   IDHUS Panel
===================================================== */

.idhus-panel{

    background:#ffffff;

    border:1px solid #d9e4ec;

    border-radius:12px;

    padding:36px;

    margin-bottom:32px;

    box-shadow:0 1px 2px rgba(0,0,0,.03);

}

.idhus-panel--soft{

    background:#f8fbfd;

}

.idhus-panel__eyebrow{

    margin:0;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#0088b8;

}

.idhus-panel__title{

    margin:12px 0 18px;

    font-size:38px;

    line-height:1.25;

    font-weight:400;

}

.idhus-panel__text{

    font-size:17px;

    line-height:1.8;

    color:#555;

}

.idhus-panel__text:last-child{

    margin-bottom:0;

}
/* =====================================================
   IDHUS Section
===================================================== */

.idhus-section{

    margin-bottom:48px;

}

.idhus-section:last-child{

    margin-bottom:0;

}

.idhus-section__eyebrow{

    margin:0;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#0088b8;

}

.idhus-section__title{

    margin:14px 0 18px;

    font-size:24px;

    font-weight:400;

    line-height:1.3;

}

.idhus-section__text{

    margin-bottom:24px;

    font-size:16px;

    line-height:1.8;

    color:#555;

}
/* =====================================================
   IDHUS Feature List
===================================================== */

.idhus-feature-list {
    background: #ffffff;
    border: 1px solid #d9e4ec;
    border-radius: 10px;
    padding: 28px 32px;
    margin-top: 34px;
}

.idhus-feature-list__title {
    margin: 0 0 18px;
    font-size: 22px;
    font-weight: 400;
}

.idhus-feature-list ul {
    margin: 0;
    padding-left: 24px;
}

.idhus-feature-list li {
    margin-bottom: 12px;
    line-height: 1.8;
    font-size: 17px;
}

.idhus-feature-list li:last-child {
    margin-bottom: 0;
}
/* =====================================================
   IDHUS Summary Card
===================================================== */

.idhus-summary-card {
    background: #ffffff;
    border: 1px solid #d9e4ec;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

.idhus-summary-card__eyebrow {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0088b8;
}

.idhus-summary-card__title {
    margin: 12px 0 22px;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 400;
}

.idhus-summary-card__text {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.idhus-summary-row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 0;
    border-bottom: 1px solid #e3ebf0;
}

.idhus-summary-row:last-child {
    border-bottom: none;
}

.idhus-summary-row__label {
    font-weight: 600;
    color: #333;
}

.idhus-summary-row__value {
    text-align: right;
    color: #333;
}

.idhus-summary-row--total {
    margin-top: 8px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
}
/* =====================================================
   IDHUS Payment Card
===================================================== */

.idhus-payment-card{

    background:#ffffff;

    border:1px solid #d9e4ec;

    border-radius:12px;

    padding:32px;

    margin-top:34px;

    box-shadow:0 1px 2px rgba(0,0,0,.03);

}

.idhus-payment-card__eyebrow{

    margin:0;

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#0088b8;

}

.idhus-payment-card__title{

    margin:12px 0 18px;

    font-size:26px;

    font-weight:400;

}

.idhus-payment-card__text{

    margin-bottom:24px;

    line-height:1.8;

    color:#555;

}

.idhus-payment-card__footer{

    margin-top:22px;

    padding-top:20px;

    border-top:1px solid #e6edf2;

    font-size:14px;

    color:#666;

}
/* =====================================================
   IDHUS Payment Button
===================================================== */

.idhus-payment-card .place-order {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 18px;
}

.idhus-payment-card__footer {
    width: 100%;
    margin-top: 0;
}

.idhus-complete-enrollment-button {
    min-width: 220px;
    min-height: 52px;
    padding: 16px 28px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}