/* 
    PRICING CARD ALIGNMENT FIX
    Ensures all elements in pricing cards are properly centered
*/

/* Fix pricing card header alignment */
.pos-pricing-card .pos-pricing-header,
.pricing-card .pricing-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Fix pricing title and subtitle alignment */
.pos-pricing-title,
.pricing-title,
.pos-pricing-subtitle,
.pricing-subtitle {
    text-align: center !important;
    width: 100% !important;
}

/* Fix pricing amount section alignment */
.pos-pricing-amount,
.pricing-amount {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Fix price display alignment */
.pos-price-display,
.price-display {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Fix price value and period alignment */
.pos-price-value,
.price-value,
.pos-price-period,
.price-period {
    text-align: center !important;
}

/* Fix yearly note alignment */
.pos-price-yearly,
.price-yearly,
.pos-trial-badge,
.trial-badge {
    text-align: center !important;
    width: 100% !important;
}

/* Fix pricing action button alignment */
.pos-pricing-action,
.pricing-action {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Fix pricing features list alignment */
.pos-pricing-features,
.pricing-features {
    width: 100% !important;
}

.pos-features-list,
.features-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix individual feature items alignment */
.pos-feature-item,
.feature-item {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    gap: 0.75rem !important;
}

/* Fix feature check icon alignment */
.pos-feature-check,
.feature-check {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Fix popular badge alignment */
.popular-badge,
.pos-popular-badge {
    display: inline-block !important;
    margin: 0 auto 0.5rem !important;
}

/* Ensure card content is centered */
.pos-pricing-card,
.pricing-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* Fix icon alignment in pricing cards */
.pos-pricing-card svg,
.pricing-card svg {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Fix button alignment */
.pos-pricing-card .btn-premium,
.pricing-card .btn-premium,
.pos-pricing-card .btn-premium-outline,
.pricing-card .btn-premium-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Fix for POS-specific pricing cards */
.pricing-page .pos-pricing-card {
    text-align: center !important;
}

.pricing-page .pos-pricing-header {
    margin-bottom: 1.5rem !important;
}

.pricing-page .pos-pricing-amount {
    margin-bottom: 1.5rem !important;
}

.pricing-page .pos-pricing-action {
    margin-bottom: 1.5rem !important;
}

/* Ensure consistent spacing */
.pos-pricing-card>* {
    margin-left: auto !important;
    margin-right: auto !important;
}