/**
 * India (IN) — Layout Overrides
 *
 * Scoped to .main-nav--in (class added by generate_custom_menu_in).
 * Enqueued unconditionally for the IN site only.
 *
 * @package gambleonline
 */

/* ============================================================
   MOBILE (≤ 1024px) — navigation panel flex layout
   ============================================================ */

@media (max-width: 1024px) {

    /* Make the nav panel a flex column so .main-signup can be pushed
       to the bottom via margin-top: auto.
       Without display:flex, position:absolute;bottom:20px inside
       overflow:scroll measures from the scroll content height (2 items
       = ~150px), not from the full 100vh panel height. */
    .main-nav-wrapper .main-nav--in .navigation-container {
        display: flex;
        flex-direction: column;
    }
}

/* ============================================================
   DESKTOP NAVIGATION (≥ 1025px)
   ============================================================ */

@media (min-width: 64.0625em) {

    /* style.css forces justify-content:right + min-width:57.5rem on .menu__list.
       With only 2 nav items those rules pin everything to the far right edge.
       Reset both via the .main-nav--in container class (set in generate_custom_menu_in). */
    .main-nav-wrapper .main-nav--in .menu__list {
        justify-content: center !important;
        min-width: 0;
    }
}