:root{
    --purple: #60329A;
    --navy: #2B354E;
    --white: #ffffff;
    --card-bg: #F5F2FA;
    --divider: #BDB4CC;
    --card-border: #E8DCF4;

    --main-font: 'Plus Jakarta Sans';
}

.wmp-price {
    font-size: 16px;
}

.wmp-monthly-payment *{
    font-family: var(--main-font);
}

.wmp-monthly-payment {
    position: relative;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 10px;
    padding: 35px 10px 15px 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin: 25px;
}

/* Flexible option ribbon */
.wmp-flag {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--purple);
    color: var(--white);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 5px 16px 5px 14px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
}

.wmp-pay-monthly {
    display: block;
    text-align: center;
    color: var(--purple);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 0 15px;
}

.wmp-price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:16px;
    width: 100%;
}

.wmp-price-left{
    display:flex;
    align-items:center;
    gap:10px;
}

.wmp-cal-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    background: #E8DFF5;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.wmp-price {
    color: var(--navy);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    text-align: left;
}
.wmp-price span.woocommerce-Price-amount.amount {
    margin-right: 0 !important;
    color: var(--navy) !important;
    font-weight: 800;
}
/*.wmp-price .wmp-amount{*/
/*    font-weight:800;*/
/*}*/

/*.wmp-price .wmp-period{*/
/*    font-weight:500;*/
/*    color:var(--navy);*/
/*    opacity:.85;*/
/*    font-size:16px;*/
/*}*/

.wmp-installment-text,
.wmp-deposit-text{
    display:block;
    font-size:12px;
    font-weight:500;
    color:var(--navy);
    opacity:.65;
}

.wmp-badge {
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 1.35;
    padding: 8px 14px;
    border-radius: 7px;
    white-space: nowrap;
}

.wmp-divider {
    height: 1px;
    background: #BDB4CC;
    border: none;
    margin: 0 0 14px;
    width: 100%;
}

.wmp-features {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
    width: 100%;
}

.wmp-feature {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--navy);
}

.wmp-feature-sep{
    width:1px;
    height:16px;
    background:var(--divider);
}

.wmp-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: none;
    background: var(--purple);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    padding: 15px 16px;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 14px;
}
a.wmp-cta:focus, a.wmp-cta:hover {
    text-decoration: none;
    background: transparent;
    border: 1px solid var(--purple);
    color: var(--purple) !important;
}

.wmp-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--navy);
    opacity: 0.9;
}