/* =========================================================
   MERLIN RESPONSIVE
========================================================= */

@media (max-width: 1180px) {
    .merlin-header-inner {
        width: min(calc(100% - 32px), var(--merlin-content));
        gap: 18px;
    }

    .merlin-header-right {
        gap: 18px;
    }

    .merlin-nav-list {
        gap: 18px;
    }

    .merlin-nav-list > li > a {
        font-size: 13px;
    }

    .merlin-btn {
        padding-inline: 14px;
    }

    .merlin-btn-outline {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    :root {
        --merlin-header-height: 88px;
    }

    body.admin-bar .merlin-site-header {
        top: 32px;
    }

    .merlin-site-header .custom-logo {
        max-width: 210px;
        max-height: 62px;
    }

    .merlin-menu-toggle {
        display: block;
        margin-left: auto;
    }

    .merlin-header-right {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 10px 24px 24px;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 12px 30px rgba(0,0,0,.08);
    }

    .merlin-header-right.is-open {
        display: flex;
    }

    .merlin-nav-list {
        display: block;
    }

    .merlin-nav-list > li > a {
        padding: 14px 0;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .merlin-nav-list > li.current-menu-item > a::after,
    .merlin-nav-list > li.current_page_item > a::after {
        display: none;
    }

    .merlin-header-actions {
        padding-top: 18px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .merlin-btn-outline {
        max-width: none;
    }

    .merlin-menu-toggle.is-active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .merlin-menu-toggle.is-active span:nth-child(2) {
        opacity: 0;
    }

    .merlin-menu-toggle.is-active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .merlin-footer-inner {
        grid-template-columns: 1fr 1fr;
    }

    .merlin-footer-social {
        grid-column: 2;
        justify-content: flex-start;
    }

    .merlin-footer-bottom {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 782px) {
    body.admin-bar .merlin-site-header {
        top: 46px;
    }
}

@media (max-width: 767px) {
    :root {
        --merlin-header-height: 76px;
    }

    .merlin-header-inner {
        width: calc(100% - 28px);
    }

    .merlin-site-header .custom-logo {
        max-width: 180px;
        max-height: 54px;
    }

    .merlin-header-actions {
        grid-template-columns: 1fr;
    }

    .merlin-site-footer {
        padding-top: 50px;
    }

    .merlin-footer-inner {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .merlin-footer-navs {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding-top: 0;
    }

    .merlin-footer-social {
        grid-column: auto;
    }

    .merlin-footer-bottom {
        width: calc(100% - 40px);
        margin-top: 35px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
    }

    .merlin-section {
        padding: 64px 0;
    }

    .merlin-container {
        width: calc(100% - 36px);
    }
}

@media (max-width: 480px) {
    .merlin-text-logo-main {
        font-size: 30px;
    }

    .merlin-footer-navs {
        grid-template-columns: 1fr;
    }

    .merlin-footer-bottom {
        display: block;
        line-height: 1.9;
    }

    .merlin-footer-separator {
        margin-inline: 6px;
    }
}