/* Header Padding Adjustment - Make header full width and position social icons near right edge */

/* CRITICAL FIX: Remove max-width constraint on header to make it full width */
.glass-nav .max-w-7xl {
    max-width: 100% !important; /* Override Tailwind's max-w-7xl to make header full width */
    padding-right: 1.5rem; /* Small padding from actual screen edge */
    padding-left: 1.5rem;
}

/* For container-based headers, also make them full width */
.glass-nav .container {
    max-width: 100% !important; /* Override container max-width */
    width: 100% !important;
    padding-right: 1.5rem; /* Small padding from actual screen edge */
    padding-left: 1.5rem;
}

/* Remove any extra margin from social icons */
.header-social {
    margin-right: 0; /* NO additional margin */
}

/* On very large screens, you can reduce padding even more if desired */
@media (min-width: 1920px) {
    .glass-nav .max-w-7xl,
    .glass-nav .container {
        padding-right: 1rem; /* Even closer to edge on very wide screens */
    }
}

/* Keep the full width behavior on all screen sizes */
@media (max-width: 1024px) {
    .glass-nav .max-w-7xl,
    .glass-nav .container {
        max-width: 100% !important;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}