/**
 * Welcome Page Alignment Fix
 * This CSS ensures all components on the welcome page are properly aligned
 */

/* Ensure all containers have consistent alignment */
.navbar .container,
.hero-section .container,
.notice-section .container,
.footer .container {
    max-width: 1280px !important; /* max-w-7xl equivalent */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important; /* px-6 equivalent */
    padding-right: 1.5rem !important; /* px-6 equivalent */
}

/* Fix for mobile responsiveness */
@media (max-width: 640px) {
    .navbar .container,
    .hero-section .container,
    .notice-section .container,
    .footer .container {
        padding-left: 1rem !important; /* px-4 on mobile */
        padding-right: 1rem !important; /* px-4 on mobile */
    }
}

/* Ensure navbar has proper positioning */
.navbar {
    position: relative;
    z-index: 50;
}

/* Fix any potential overflow issues */
.navbar .container,
.hero-section .container,
.notice-section .container {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure proper spacing between sections */
.notice-section {
    margin-bottom: 0;
}

.hero-section {
    margin-top: 0;
}

/* Fix for any misaligned text or content */
.navbar .container > div,
.hero-section .container > div,
.notice-section .container > div {
    width: 100%;
}

/* Ensure consistent container behavior across all sections */
.container.mx-auto.px-6.max-w-7xl {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
    .container.mx-auto.px-6.max-w-7xl {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Fix for any potential layout shifts */
.navbar,
.hero-section,
.notice-section {
    width: 100%;
    overflow-x: hidden;
}