/* ==========================================================================
   JIM Student Theme — Responsive Breakpoints
   ========================================================================== */

/* --------------------------------------------------------------------------
   Desktop / Large Screens (max-width: 1200px)
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .jim-hero__inner {
        gap: var(--jim-sp-6);
    }

    .jim-features__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .jim-footer__inner {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: var(--jim-sp-6);
    }
}

/* --------------------------------------------------------------------------
   Tablet / Small Desktop (max-width: 992px)
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
    /* Layout */
    .jim-layout-two-col,
    .jim-content-grid {
        grid-template-columns: 1fr;
    }



    /* Features */
    .jim-features__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Stats */
    .jim-stats__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .jim-stat:nth-child(2) {
        border-right: none;
    }

    /* Community Banner */
    .jim-community__inner {
        flex-direction: column;
        text-align: center;
        gap: var(--jim-sp-6);
    }

    .jim-community__quote {
        max-width: 100%;
    }

    .jim-community__perks {
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Footer */
    .jim-footer__inner {
        grid-template-columns: 1fr 1fr;
    }
}

/* --------------------------------------------------------------------------
   Mobile Devices (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Header */
    .jim-utility-bar {
        font-size: .75rem;
    }

    .jim-header__inner {
        padding-block: var(--jim-sp-3);
    }

    .jim-header__motto {
        display: none;
    }

    .jim-header__logo-img {
        height: 38px;
    }

    .jim-header__title {
        font-size: 1.125rem;
    }

    .jim-header__subtitle {
        font-size: .6875rem;
    }

    /* Mobile Navigation */
    .jim-nav-toggle {
        display: flex;
    }

    .jim-nav__menu,
    .jim-nav ul.pkp_nav_list {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: var(--jim-sp-3) 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .jim-nav__menu.is-active,
    .jim-nav ul.pkp_nav_list.is-active {
        display: flex !important;
    }

    .jim-nav__item,
    .jim-nav ul.pkp_nav_list > li {
        width: 100% !important;
    }

    .jim-nav__link,
    .jim-nav ul.pkp_nav_list > li > a {
        padding: var(--jim-sp-3) var(--jim-sp-4) !important;
        border-radius: var(--jim-radius-sm) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        border-bottom: none !important;
        color: #FFFFFF !important;
    }

    .jim-nav__dropdown,
    .jim-nav ul.pkp_nav_list > li > ul {
        position: static !important;
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.25) !important;
        border-radius: var(--jim-radius-sm) !important;
        margin: var(--jim-sp-1) var(--jim-sp-3) !important;
        display: none !important;
        border: none !important;
    }

    .jim-nav ul.pkp_nav_list > li > ul a {
        color: #FFFFFF !important;
        padding-left: 24px !important;
    }

    .jim-nav__item:hover .jim-nav__dropdown,
    .jim-nav__item.is-open .jim-nav__dropdown,
    .jim-nav ul.pkp_nav_list > li:hover > ul,
    .jim-nav ul.pkp_nav_list > li.is-open > ul {
        display: flex !important;
        flex-direction: column !important;
    }



    /* Article Card */
    .jim-article-card {
        grid-template-columns: 1fr;
        gap: var(--jim-sp-3);
    }

    .jim-article-card__cover {
        width: 100%;
        height: 140px;
    }

    /* Journal Grid */
    .jim-journal-grid {
        grid-template-columns: 1fr;
    }

    /* Subject Grid */
    .jim-subject-grid {
        grid-template-columns: 1fr;
    }

    /* Stats */
    .jim-stats__inner {
        grid-template-columns: 1fr;
    }

    .jim-stat {
        border-right: none !important;
        border-bottom: 1px solid var(--jim-border);
    }

    .jim-stat:last-child {
        border-bottom: none;
    }

    /* Community */
    .jim-community__perks {
        flex-direction: column;
        gap: var(--jim-sp-4);
    }

    /* Footer */
    .jim-footer__inner {
        grid-template-columns: 1fr;
        gap: var(--jim-sp-8);
    }

    .jim-footer__bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: var(--jim-sp-2);
    }
}

/* --------------------------------------------------------------------------
   Small Mobile Devices (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .jim-features__grid {
        grid-template-columns: 1fr;
    }

    .jim-hero__title {
        font-size: 1.5rem;
    }

    .jim-section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--jim-sp-2);
    }
}