/**
 * OxyAccounting Packages Styles
 * Prefix: oa- (OxyAccounting)
 * 
 * Minimal styling - only grid layout and responsive behavior
 * All colors, fonts, borders, and spacing should be styled in Oxygen Editor
 */

.oa-packages-container {
    /* Container for all packages */
}

.oa-packages-grid {
    display: grid;
    gap: 1rem;
    margin: 0 auto;
}

/* Grid Layouts */
.oa-grid-1 {
    grid-template-columns: 1fr;
    max-width: 400px;
}

.oa-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 800px;
}

.oa-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    max-width: 1200px;
}

.oa-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    max-width: 1400px;
}

/* Package Card */
.oa-package-card {
    position: relative;
}

.oa-package-card.oa-popular {
    /* Popular package - style in Oxygen */
}

/* Popular Badge */
.oa-popular-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

/* Package Header */
.oa-package-header {
    text-align: center;
}

.oa-package-name {
    margin: 0;
}

.oa-package-price {
    /* Price container */
}

.oa-price {
    /* Price amount */
}

.oa-frequency {
    /* Billing frequency */
}

/* Package Description */
.oa-package-description {
    text-align: center;
}

/* Features List */
.oa-package-features {
    /* Features container */
}

.oa-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.oa-feature-item {
    display: flex;
    align-items: center;
}

.oa-feature-icon {
    margin-right: 0.75rem;
}

/* Package Footer */
.oa-package-footer {
    text-align: center;
}

.oa-signup-button {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

.oa-signup-button:hover {
    text-decoration: none;
}

/* Error State */
.oa-error {
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .oa-packages-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
