/* ================= MEDIA QUERIES ================= */

/* 1. Default State: Hide hamburger on large screens */
.humberger-ic {
    display: none;
}

/* 2. Desktop Adjustments (Above 700px) */
@media (max-width: 1340px) {
    .loop-nav {
        gap: 30px;
    }
}

@media (max-width: 1075px) {
    .loop-search input {
        width: 160px;
    }
}

/* 3. The Trigger Point: 700px */
@media (max-width: 700px) {

    /* Show Hamburger */
    .humberger-ic {
        display: block;
        margin-left: 15px;
    }

    /* Hide Main Nav Desktop Links */
    .loop-nav {
        display: none;
    }

    /* Adjust Actions for Mobile */
    .loop-actions .loop-signin,
    .loop-subscribe {
        display: none;
        /* Hide buttons, show icons instead */
    }

    .search-icon-m-menu {
        display: block;
    }

    .loop-search {
        display: none;
        /* Hide search bar on small screens */
    }

    .loop-header {
        padding: 5px 15px !important;
        /* gap: 10px; */
        justify-content: space-between;

    }

    .search-value{
        display: none;
    }

    .loop-actions {
        gap: 20px;
    }
}

/* 4. Extra Small Devices (Below 400px) */
@media (max-width: 400px) {
    .loop-logo {
        width: 60px;
    }

    .loop-actions {
        gap: 15px;
    }
}