/* 
 * Service Pricing Styles
 * Styles for the pricing elements on service pages
 */

/* Pricing header layout */
.pricing-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    z-index: 10 !important;
    margin-bottom: 1rem !important;
}

/* Plan title */
.pricing-header h3 {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

/* Pricing container */
.pricing-container {
    position: relative !important;
    z-index: 10 !important;
    text-align: right !important;
}

/* Price styling */
.pricing-amount {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem) !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Price note styling */
.pricing-note {
    position: relative !important;
    z-index: 10 !important;
}

/* Monthly suffix */
.pricing-suffix {
    font-size: 0.8em !important;
}

/* Dark background text color override */
.service-detail__card--process .pricing-header h3,
.service-detail__card--process .pricing-amount,
.service-detail__card--process .pricing-note {
    color: var(--c-fg);
}

/* Fix for features list */
.pricing-box__features {
    position: relative !important;
    z-index: 5 !important;
}
