/* Homepage Specific Styles */

/* Fix content overlap with fixed header on mobile */
@media (max-width: 991.98px) {
    .auth-section.section {
        padding-top: 120px !important; /* Extra space for mobile header */
    }
}

/* Posture toggle animations */
.posture-section-hidden {
    display: none !important;
}

.posture-section-show {
    display: block !important;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 1 !important; /* Ensure posture section is below header */
}

.posture-section-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.posture-section-hide {
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Fix text colors in posture section */
#posture-of-day h2,
#posture-of-day h3,
#posture-of-day h4,
#posture-of-day p,
#posture-of-day .text-muted,
#posture-of-day .section-header h2 {
    color: var(--default-color) !important;
    text-shadow: none !important;
}

#posture-of-day .section-header h2 {
    color: var(--heading-color) !important;
}