/*==================================================
  ARPIVA MOBILE HEADER - FINAL OVERRIDE
==================================================*/

@media (max-width: 991px) {

    .site-header {
        height: 88px !important;
    }

    .header-container {
        height: 88px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .header-menu {
        display: none !important;
    }

    .header-action {
        display: none !important;
    }

    .mobile-menu-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 46px !important;
        height: 46px !important;

        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;

        gap: 5px !important;

        padding: 0 !important;

        background: #ffffff !important;

        border: 1px solid rgba(15, 23, 42, 0.12) !important;
        border-radius: 12px !important;

        cursor: pointer !important;

        position: relative !important;
        z-index: 10001 !important;
    }

    .mobile-menu-toggle span {
        display: block !important;

        width: 20px !important;
        height: 2px !important;

        background: #081B4B !important;

        border-radius: 4px !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

}


@media (max-width: 575px) {

    .site-header {
        height: 76px !important;
    }

    .header-container {
        height: 76px !important;
    }

    .mobile-menu-toggle {
        display: flex !important;

        width: 43px !important;
        height: 43px !important;
    }

    .header-logo img {
        width: 145px !important;
    }

}