/* =============================================
   CRI-ONE Responsive Breakpoints
   ============================================= */


/* ── Tablet: 769px – 1024px ── */

@media (max-width: 1024px) {
    .navigation > ul > li > a,
    .navigation > ul > li > a.level-top {
        font-size: 0.72rem !important;
        padding: 8px 8px !important;
    }

    .nav-sections {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}


/* ── Mobile: below 768px ── */

@media (max-width: 768px) {

    /* Unstick the panel links from absolute positioning */
    .panel.wrapper {
        position: relative !important;
        right: auto;
        top: auto;
        bottom: auto;
        justify-content: flex-end;
        padding: 4px 10px !important;
    }

    /* Header content stacks */
    .header.content {
        flex-wrap: wrap;
        padding: 6px 10px !important;
    }

    .logo img {
        max-height: 36px !important;
    }

    /* Nav bar — undo the pull-up, stack below header */
    .nav-sections {
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: auto;
    }

    .navigation > ul {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    .navigation > ul > li > a,
    .navigation > ul > li > a.level-top {
        font-size: 0.75rem !important;
        padding: 6px 10px !important;
    }

    /* Category bar scrolls horizontally */
    .lcus-category-bar__inner {
        justify-content: flex-start !important;
        padding: 0.5rem 10px !important;
    }

    .lcus-category-bar__link {
        font-size: 0.72rem !important;
    }
}


/* =============================================
   Mobile-menu readability fix (2026-07-08)
   Remove all-caps + bump size on nav / menu / drawer items so they're readable on phones.
   ============================================= */

@media (max-width: 1024px) {
    .navigation > ul > li > a,
    .navigation > ul > li > a.level-top,
    .navigation .level0 > .level-top,
    .navigation .level0 .submenu a,
    .navigation a,
    .nav-sections a,
    .nav-sections-item-title,
    .nav-sections-item-content .navigation a,
    .action.nav-toggle,
    .action.nav-toggle span,
    .lcus-category-bar__link,
    .header .action,
    .minicart-wrapper .action.showcart .text {
        text-transform: none !important;
        letter-spacing: normal !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
    }
    .navigation > ul > li > a,
    .navigation > ul > li > a.level-top {
        padding: 10px 14px !important;
    }
}

@media (max-width: 768px) {
    .navigation > ul > li > a,
    .navigation > ul > li > a.level-top,
    .navigation .level0 > .level-top,
    .navigation .level0 .submenu a,
    .navigation a,
    .nav-sections a,
    .nav-sections-item-title,
    .lcus-category-bar__link {
        font-size: 1.05rem !important;
        line-height: 1.4 !important;
    }
}