/*
============================================================
P029M23C — MOBILE MENU
Paint safe / no blur / no filter / no animation
============================================================
*/

.ph-mobile-menu-toggle,
.ph-mobile-menu {
    display:none;
}


@media (max-width:760px) {

    .ph-header-inner {
        grid-template-columns:
            1fr auto auto !important;

        column-gap:10px !important;
    }


    .ph-mobile-menu-toggle {
        width:42px;
        height:42px;

        display:grid;

        place-content:center;

        gap:5px;

        padding:0;

        border:
            1px solid rgba(104,220,232,.24);

        border-radius:9px;

        background:#09222d;

        cursor:pointer;
    }


    .ph-mobile-menu-toggle span {
        display:block;

        width:18px;
        height:1px;

        background:#8ce8ef;
    }


    .ph-mobile-menu-toggle[aria-expanded="true"] {
        border-color:
            rgba(111,229,239,.50);

        background:#0b2b37;
    }


    .ph-mobile-menu {
        display:block;

        border-top:
            1px solid rgba(255,255,255,.055);

        border-bottom:
            1px solid rgba(96,222,237,.10);

        background:
            linear-gradient(
                180deg,
                #061820,
                #081e29
            );
    }


    .ph-mobile-menu[hidden] {
        display:none !important;
    }


    .ph-mobile-menu-inner {
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:1px;

        padding-block:
            12px 16px;
    }


    .ph-mobile-menu a {
        min-height:54px;

        display:flex;

        align-items:center;

        gap:10px;

        padding:
            0 14px;

        border:
            1px solid rgba(255,255,255,.045);

        color:
            rgba(240,247,249,.86);

        background:
            rgba(255,255,255,.012);

        text-decoration:none;

        font-size:13px;
        font-weight:700;
    }


    .ph-mobile-menu a span {
        color:#65dfe9;

        font-size:10px;
        font-weight:800;
    }


    .ph-mobile-menu a:focus-visible {
        outline:
            1px solid #70e2ec;

        outline-offset:-2px;
    }

}


@media (max-width:430px) {

    .ph-header-cta {
        min-width:104px !important;

        padding-inline:
            9px !important;
    }


    .ph-mobile-menu-toggle {
        width:40px;
        height:40px;
    }


    .ph-mobile-menu-inner {
        grid-template-columns:1fr;
    }


    .ph-mobile-menu a {
        min-height:50px;
    }

}

/* END P029M23C */

/*
============================================================
P029M30 — MOBILE HEADER CLEANUP
Logo + menu toggle only
============================================================
*/

@media (max-width:760px) {

    .ph-header-inner {
        grid-template-columns:
            1fr auto !important;
    }

    .ph-header-cta {
        display:none !important;
    }

    .ph-mobile-menu-toggle {
        justify-self:end;
    }

}

@media (max-width:430px) {

    .ph-header-inner {
        column-gap:12px !important;
    }

}

/* END P029M30 */