/* Home Page Specific Styles */

/* Page wrapper adjustments for home page */
.layout-main .page-wrapper {
    /* Remove default page padding for full-width hero */
}

/* Ensure sections have proper spacing */
.hero-section + .league-navigation {
    /* Additional spacing handled by individual components */
}

/* Home page specific responsive adjustments */
@media (max-width: 768px) {
    /* Reduce container padding on mobile for home page */
    .hero-content,
    .league-navigation .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .league-button {
        transition: none;
    }
    
    .league-button:hover {
        transform: none;
    }
    
    .league-button__arrow {
        transition: none;
    }
    
    .league-button:hover .league-button__arrow {
        transform: none;
    }
}