/* Font Awesome Fallback - Ensures icons are visible even if CDN fails */

/* Ensure all icon elements are visible */
.fas, .far, .fal, .fab {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

/* Fallback display if Font Awesome fails to load */
i[class*="fas"], i[class*="far"], i[class*="fal"], i[class*="fab"] {
    display: inline-block;
    min-width: 1em;
    min-height: 1em;
}

/* Ensure icons in navigation are visible */
.nav-menu a i,
.btn-auth i,
.btn-logout i,
.action-btn i,
.modal-close i,
.plan-icon i,
.plan-features i,
.summary-item i {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
}

/* Ensure icon sizes are correct */
.nav-menu a i {
    font-size: 1.3rem;
}

.btn-auth i,
.btn-logout i {
    font-size: 1.3rem;
}

.action-btn i {
    font-size: 0.9rem;
}

.plan-icon i {
    font-size: 2rem;
}

.plan-features i {
    font-size: 0.9rem;
}

.summary-item i {
    font-size: 1rem;
}

/* Ensure modal close button icon is visible */
.modal-close i {
    font-size: 1.2rem;
}

/* Ensure recipe meta icons are visible */
.meta-item i {
    font-size: 0.9rem;
}

/* Ensure info section icons are visible */
.info-section h3 i {
    font-size: 1.3rem;
}

.info-features li i {
    font-size: 1.1rem;
}