/* ================================================
   MY ACCOUNT PAGE MODULAR CSS
   Extracted from page-my-account.php
   ================================================ */

/* Hero Badge */
.ma-hero-badge {
    background: rgba(255, 107, 0, 0.1);
    color: #FF6B00;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 1px;
}

/* Hero Headline */
.ma-hero-headline {
    font-size: 3.5rem;
    font-weight: 800;
    color: #EAEAEB;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    letter-spacing: -2px;
}

/* Accent Text */
.ma-accent-text {
    color: #FF6B00;
}

/* Hero Description */
.ma-hero-description {
    font-size: 1.15rem;
    color: #8B949E;
    line-height: 1.7;
    margin-bottom: 2rem;
}

/* Tab Content Visible/Hidden */
.ma-tab-visible {
    display: block;
}

.ma-tab-hidden {
    display: none;
}

/* Form Help Text */
.ma-form-help {
    color: #8B949E;
    font-size: 0.85rem;
    margin-top: 6px;
    display: block;
}

/* Submit Button Margin */
.ma-btn-submit-spaced {
    margin-top: 1.5rem;
}