/* ============================================================
   BOJANGLESPRICES GLOBAL V1
   ============================================================ */

.bjp-global-shell {
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}


/* ============================================================
   HEADER
   ============================================================ */

.bjp-site-header {
    width:100%;

    position:relative;
    z-index:999;

    background:#ffffff;

    border-bottom:1px solid #ece7dc;

    box-shadow:
        0 2px 12px
        rgba(15,23,42,.045);
}

.bjp-header-row {
    min-height:78px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:28px;
}

.bjp-site-brand {
    min-width:0;

    display:flex;
    align-items:center;

    flex:0 1 auto;

    text-decoration:none !important;
}

.bjp-site-logo {
    display:block;

    width:auto;
    height:auto;

    max-width:235px;
    max-height:58px;

    object-fit:contain;
}

.bjp-site-brand strong {
    color:#d71920;

    font-size:24px;
    font-weight:850;
}

.bjp-primary-nav {
    margin-left:auto;
}

.bjp-primary-menu {
    margin:0 !important;
    padding:0 !important;

    display:flex;
    align-items:center;

    gap:4px;

    list-style:none !important;
}

.bjp-primary-menu > li {
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.bjp-primary-menu > li::marker,
.bjp-primary-menu > li::before {
    display:none !important;
    content:none !important;
}

.bjp-primary-menu > li > a {
    min-height:42px;

    padding:0 11px;

    display:flex;
    align-items:center;

    color:#24292f !important;

    border-radius:7px;

    font-size:14px;
    font-weight:650;

    line-height:1.25;

    text-decoration:none !important;

    white-space:nowrap;
}

.bjp-primary-menu > li > a:hover,
.bjp-primary-menu > li.current-menu-item > a {
    color:#d71920 !important;
    background:#fff4f4;
}

.bjp-menu-toggle {
    display:none;
}


/* ============================================================
   FOOTER
   ============================================================ */

.bjp-site-footer {
    margin-top:0;

    color:#dbe1e8;

    background:#171d24;
}

.bjp-footer-main {
    padding:50px 0 42px;

    display:grid;

    grid-template-columns:
        minmax(300px,1.6fr)
        repeat(3,minmax(150px,.65fr));

    gap:42px;
}

.bjp-footer-logo {
    display:block;

    width:auto;
    height:auto;

    max-width:220px;
    max-height:62px;

    margin-bottom:18px;

    object-fit:contain;
}

.bjp-footer-brand {
    display:block;

    margin-bottom:17px;

    color:#ffffff;

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

.bjp-footer-about p {
    max-width:390px;

    margin:0 0 12px;

    color:#bac3cd;

    font-size:13px;
    line-height:1.7;
}

.bjp-footer-about small {
    color:#8f9aa7;

    font-size:11px;
}

.bjp-footer-column > strong {
    display:block;

    margin-bottom:16px;

    color:#ffffff;

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

.bjp-footer-column > a,
.bjp-footer-menu a {
    display:block;

    margin:9px 0;

    color:#c2cbd5 !important;

    font-size:13px;
    line-height:1.45;

    text-decoration:none !important;
}

.bjp-footer-column > a:hover,
.bjp-footer-menu a:hover {
    color:#ffffff !important;
}

.bjp-footer-menu {
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.bjp-footer-menu li {
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.bjp-footer-menu li::before,
.bjp-footer-menu li::marker {
    display:none !important;
    content:none !important;
}

.bjp-footer-bottom {
    border-top:1px solid #303842;

    background:#12171d;
}

.bjp-footer-bottom .bjp-global-shell {
    min-height:62px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;
}

.bjp-footer-bottom span {
    color:#99a4b0;

    font-size:11px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:767px) {

    .bjp-global-shell {
        width:calc(100% - 28px);
    }

    .bjp-header-row {
        min-height:68px;

        display:grid;

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

        gap:10px;
    }

    .bjp-site-brand {
        min-width:0;
        overflow:hidden;
    }

    .bjp-site-logo {
        width:min(190px,100%);

        max-width:100%;
        max-height:48px;
    }

    .bjp-menu-toggle {
        width:58px;
        height:38px;

        padding:0;

        display:flex;

        align-items:center;
        justify-content:center;

        color:#ffffff;

        background:#d71920;

        border:0;
        border-radius:7px;

        font-size:12px;
        font-weight:800;

        cursor:pointer;
    }

    .bjp-primary-nav {
        display:none;

        width:100%;

        position:absolute;

        top:100%;
        left:0;
        right:0;

        margin:0;

        padding:8px 14px 12px;

        background:#ffffff;

        border-top:1px solid #eeeeef;
        border-bottom:1px solid #e5e7e9;

        box-shadow:
            0 12px 25px
            rgba(15,23,42,.10);
    }

    .bjp-primary-nav.is-open {
        display:block;
    }

    .bjp-primary-menu {
        width:100%;

        display:flex;
        flex-direction:column;
        align-items:stretch;

        gap:0;
    }

    .bjp-primary-menu > li {
        width:100%;
    }

    .bjp-primary-menu > li > a {
        width:100%;
        min-height:44px;

        padding:10px 8px;

        border-bottom:1px solid #eeeeef;
        border-radius:0;

        font-size:13px;

        white-space:normal;
    }

    .bjp-primary-menu > li:last-child > a {
        border-bottom:0;
    }

    .bjp-footer-main {
        padding:37px 0;

        grid-template-columns:1fr;

        gap:30px;
    }

    .bjp-footer-bottom .bjp-global-shell {
        padding:16px 0;

        flex-direction:column;
        align-items:flex-start;

        gap:7px;
    }

}

/* BJP FINAL RESPONSIVE TUNE V1 */

/* BJP FINAL RESPONSIVE TUNE V1 */

/*
 * Keep global layout contained and prevent accidental
 * horizontal page overflow.
 */

.bjp-site-header,
.bjp-site-footer {
    box-sizing:border-box;
}

.bjp-site-header *,
.bjp-site-footer * {
    box-sizing:border-box;
}


/*
 * Header logo: predictable dimensions and no layout shift.
 */

.bjp-site-logo {
    width:auto;
    height:auto;

    max-width:220px;
    max-height:54px;

    object-fit:contain;
}


/*
 * Desktop navigation.
 */

@media(min-width:768px) {

    .bjp-header-row {
        min-height:76px;
    }

    .bjp-primary-nav {
        min-width:0;
    }

    .bjp-primary-menu {
        justify-content:flex-end;
        flex-wrap:wrap;
    }

    .bjp-primary-menu > li > a {
        padding-left:9px;
        padding-right:9px;

        font-size:13px;
    }

}


/*
 * Tablet:
 * switch to hamburger before desktop links become crowded.
 */

@media(min-width:768px) and (max-width:1050px) {

    .bjp-header-row {
        display:grid;

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

        gap:12px;
    }

    .bjp-menu-toggle {
        width:62px;
        height:40px;

        display:flex;

        align-items:center;
        justify-content:center;

        padding:0;

        color:#fff;

        background:#d71920;

        border:0;
        border-radius:7px;

        font-size:12px;
        font-weight:800;

        cursor:pointer;
    }

    .bjp-primary-nav {
        display:none;

        width:100%;

        position:absolute;

        top:100%;
        left:0;
        right:0;

        margin:0;

        padding:8px 20px 12px;

        background:#fff;

        border-top:1px solid #eee;
        border-bottom:1px solid #e5e7e9;

        box-shadow:
            0 12px 25px
            rgba(15,23,42,.10);
    }

    .bjp-primary-nav.is-open {
        display:block;
    }

    .bjp-primary-menu {
        width:min(100%,1180px);

        margin:0 auto !important;

        display:flex;
        flex-direction:column;
        align-items:stretch;

        gap:0;
    }

    .bjp-primary-menu > li {
        width:100%;
    }

    .bjp-primary-menu > li > a {
        width:100%;

        min-height:44px;

        padding:10px 8px;

        border-bottom:1px solid #eee;
        border-radius:0;

        white-space:normal;
    }

}


/*
 * Phones.
 */

@media(max-width:767px) {

    .bjp-site-header {
        position:relative;
    }

    .bjp-header-row {
        width:calc(100% - 28px);

        min-height:66px;

        grid-template-columns:
            minmax(0,1fr)
            auto;
    }

    .bjp-site-brand {
        width:100%;
        min-width:0;
    }

    .bjp-site-logo {
        display:block;

        width:auto;
        height:auto;

        max-width:min(190px,100%);
        max-height:46px;
    }

    .bjp-menu-toggle {
        flex:none;
    }

    .bjp-primary-nav {
        max-height:
            calc(100vh - 66px);

        overflow-y:auto;
        overflow-x:hidden;
    }

    .bjp-primary-menu > li > a {
        min-height:46px;

        display:flex;
        align-items:center;

        padding:11px 8px;

        font-size:14px;
    }

    .bjp-footer-main {
        grid-template-columns:1fr;

        gap:28px;
    }

    .bjp-footer-about p {
        max-width:100%;
    }

}


/*
 * Very small phones.
 */

@media(max-width:390px) {

    .bjp-site-logo {
        max-width:165px;
        max-height:43px;
    }

    .bjp-menu-toggle {
        width:54px;
    }

}



/* ============================================================
   BOJANGLES CANES STYLE FOOTER V2
   ============================================================ */

.bjp-site-footer {
    width:100%;

    margin:0;

    color:#ffffff;

    background:#151c24 !important;

    border-top:5px solid #e51b23;

    box-shadow:none;
}


.bjp-footer-shell {
    width:min(
        1420px,
        calc(100% - 56px)
    );

    margin:0 auto;
}


/* MAIN FOOTER */

.bjp-site-footer .bjp-footer-main {
    width:100%;

    margin:0;

    padding:58px 0 52px;

    display:grid;

    grid-template-columns:
        minmax(280px,1.35fr)
        repeat(3,minmax(150px,.72fr))
        minmax(160px,.72fr);

    align-items:start;

    gap:46px;
}


/* BRAND */

.bjp-footer-brand {
    max-width:350px;
}


.bjp-footer-logo-link {
    display:inline-flex;

    align-items:center;

    margin-bottom:17px;

    text-decoration:none;
}


.bjp-footer-logo {
    width:auto;
    height:auto;

    max-width:220px;
    max-height:66px;

    display:block;

    object-fit:contain;
}


.bjp-footer-brand p {
    max-width:330px;

    margin:0;

    color:#d3d9df;

    font-size:14px;

    line-height:1.82;
}


/* COLUMN HEADINGS */

.bjp-footer-column h3 {
    margin:0 0 21px;

    padding:0;

    color:#ffffff;

    background:transparent;

    border:0;

    font-size:17px;

    font-weight:820;

    line-height:1.3;
}


.bjp-footer-column h3::after {
    content:"";

    width:38px;
    height:3px;

    margin-top:10px;

    display:block;

    background:#e51b23;

    border-radius:3px;
}


/* LINKS */

.bjp-footer-column nav {
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:0;
}


.bjp-footer-column nav a {
    padding:6px 0;

    color:#d6dce2 !important;

    font-size:14px;

    font-weight:500;

    line-height:1.5;

    text-decoration:none !important;

    transition:
        color .15s ease,
        transform .15s ease;
}


.bjp-footer-column nav a:hover {
    color:#ffffff !important;

    transform:translateX(2px);
}


/* SOCIAL */

.bjp-footer-social {
    display:flex;

    align-items:center;

    gap:12px;
}


.bjp-social {
    width:46px;
    height:46px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    color:#ffffff !important;

    border-radius:50%;

    font-size:18px;

    font-weight:850;

    line-height:1;

    text-decoration:none !important;

    transition:
        transform .15s ease,
        opacity .15s ease;
}


.bjp-social:hover {
    color:#ffffff !important;

    transform:translateY(-2px);

    opacity:.92;
}


.bjp-social-facebook {
    background:#1877f2;
}


.bjp-social-youtube {
    background:#ff0000;
}


.bjp-social-pinterest {
    background:#e60023;
}


/* BOTTOM BAR */

.bjp-footer-bottom {
    width:100%;

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


.bjp-footer-bottom-inner {
    min-height:86px;

    padding:22px 0;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;
}


.bjp-footer-copy {
    color:#d4dae0;

    font-size:13px;

    font-weight:500;
}


.bjp-footer-bottom-links {
    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-wrap:wrap;

    gap:0;
}


.bjp-footer-bottom-links a {
    position:relative;

    padding:4px 17px;

    color:#d9dee3 !important;

    font-size:13px;

    font-weight:650;

    text-decoration:none !important;
}


.bjp-footer-bottom-links a:hover {
    color:#ffffff !important;
}


.bjp-footer-bottom-links a:not(:last-child)::after {
    content:"";

    width:1px;
    height:15px;

    position:absolute;

    top:50%;
    right:0;

    transform:translateY(-50%);

    background:
        rgba(255,255,255,.32);
}


/* TABLET */

@media(max-width:1100px) {

    .bjp-site-footer .bjp-footer-main {

        grid-template-columns:
            minmax(280px,1.2fr)
            repeat(2,1fr);

        gap:36px;
    }


    .bjp-footer-follow {
        grid-column:auto;
    }

}


/* MOBILE */

@media(max-width:767px) {

    .bjp-footer-shell {
        width:calc(100% - 32px);
    }


    .bjp-site-footer .bjp-footer-main {
        padding:42px 0 36px;

        grid-template-columns:
            1fr 1fr;

        gap:30px 24px;
    }


    .bjp-footer-brand {
        max-width:none;

        grid-column:1 / -1;
    }


    .bjp-footer-brand p {
        max-width:520px;
    }


    .bjp-footer-logo {
        max-width:195px;
        max-height:58px;
    }


    .bjp-footer-bottom-inner {
        min-height:0;

        padding:25px 0;

        flex-direction:column;

        align-items:flex-start;

        gap:16px;
    }


    .bjp-footer-bottom-links {
        justify-content:flex-start;

        margin-left:-12px;
    }


    .bjp-footer-bottom-links a {
        padding-left:12px;
        padding-right:12px;
    }

}


/* SMALL PHONE */

@media(max-width:480px) {

    .bjp-site-footer .bjp-footer-main {
        grid-template-columns:1fr;

        gap:28px;
    }


    .bjp-footer-brand {
        grid-column:auto;
    }


    .bjp-footer-column h3 {
        margin-bottom:14px;
    }


    .bjp-footer-social {
        margin-top:4px;
    }


    .bjp-social {
        width:42px;
        height:42px;
    }


    .bjp-footer-bottom-links {
        flex-direction:column;

        align-items:flex-start;

        gap:5px;

        margin-left:0;
    }


    .bjp-footer-bottom-links a {
        padding:3px 0;
    }


    .bjp-footer-bottom-links
    a:not(:last-child)::after {
        display:none;
    }

}

/* END BOJANGLES CANES STYLE FOOTER V2 */


/* ============================================================
   BOJANGLES FOOTER COMPACT FIX V3
   ============================================================ */

.bjp-footer-shell {
    width:min(1240px, calc(100% - 48px)) !important;
    margin:0 auto !important;
}

.bjp-site-footer .bjp-footer-main {
    width:100% !important;

    padding:42px 0 38px !important;

    display:grid !important;

    grid-template-columns:
        minmax(250px,1.25fr)
        minmax(130px,.72fr)
        minmax(130px,.72fr)
        minmax(145px,.78fr)
        minmax(130px,.70fr) !important;

    gap:28px !important;

    align-items:start !important;
}


/* BRAND */

.bjp-footer-brand {
    max-width:290px !important;
}

.bjp-footer-logo {
    max-width:185px !important;
    max-height:56px !important;
}

.bjp-footer-brand p {
    max-width:280px !important;

    font-size:12.5px !important;
    line-height:1.7 !important;
}


/* COLUMN HEADINGS */

.bjp-footer-column h3 {
    margin-bottom:15px !important;

    font-size:15px !important;
    line-height:1.3 !important;
}

.bjp-footer-column h3::after {
    width:28px !important;
    height:2px !important;

    margin-top:7px !important;
}


/* LINKS */

.bjp-footer-column nav a {
    padding:4px 0 !important;

    font-size:12.5px !important;
    line-height:1.45 !important;
}


/* SOCIAL */

.bjp-footer-social {
    gap:9px !important;
}

.bjp-social {
    width:38px !important;
    height:38px !important;

    font-size:15px !important;
}


/* BOTTOM BAR */

.bjp-footer-bottom-inner {
    min-height:68px !important;

    padding:17px 0 !important;

    gap:20px !important;
}

.bjp-footer-copy {
    font-size:12px !important;
}

.bjp-footer-bottom-links a {
    padding:3px 11px !important;

    font-size:12px !important;
}


/* LAPTOP */

@media(max-width:1200px) {

    .bjp-footer-shell {
        width:min(1080px, calc(100% - 40px)) !important;
    }

    .bjp-site-footer .bjp-footer-main {

        grid-template-columns:
            minmax(230px,1.2fr)
            repeat(4,minmax(120px,.75fr)) !important;

        gap:22px !important;
    }

}


/* TABLET */

@media(max-width:980px) {

    .bjp-site-footer .bjp-footer-main {

        grid-template-columns:
            minmax(240px,1.2fr)
            repeat(2,1fr) !important;

        gap:28px 24px !important;
    }

    .bjp-footer-follow {
        grid-column:auto !important;
    }

}


/* MOBILE */

@media(max-width:767px) {

    .bjp-footer-shell {
        width:calc(100% - 30px) !important;
    }

    .bjp-site-footer .bjp-footer-main {
        padding:34px 0 30px !important;

        grid-template-columns:
            1fr 1fr !important;

        gap:24px 20px !important;
    }

    .bjp-footer-brand {
        grid-column:1 / -1 !important;

        max-width:none !important;
    }

    .bjp-footer-brand p {
        max-width:520px !important;
    }

}


/* SMALL MOBILE */

@media(max-width:480px) {

    .bjp-site-footer .bjp-footer-main {
        grid-template-columns:1fr !important;

        gap:22px !important;
    }

    .bjp-footer-brand {
        grid-column:auto !important;
    }

}

/* END BOJANGLES FOOTER COMPACT FIX V3 */

/* ============================================================
   BOJANGLES FINAL HEADER V1
   ============================================================ */


/* ------------------------------------------------------------
   HEADER ROOT
   ------------------------------------------------------------ */

.bjp-site-header {
    width:100%;

    background:#ffffff !important;

    border-bottom:
        1px solid #eceff1 !important;

    box-shadow:none !important;
}


/* ------------------------------------------------------------
   CENTERED HEADER CONTAINER
   Prevent logo from sitting against far-left screen edge.
   ------------------------------------------------------------ */

.bjp-site-header
.bjp-global-shell.bjp-header-row {

    width:min(
        1240px,
        calc(100% - 48px)
    ) !important;

    max-width:1240px !important;

    min-height:76px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding:
        8px 0 !important;

    display:grid !important;

    grid-template-columns:
        190px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:30px !important;
}


/* ------------------------------------------------------------
   BRAND / LOGO
   ------------------------------------------------------------ */

.bjp-site-brand {
    width:190px !important;

    max-width:190px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    line-height:0;
}


.bjp-site-logo {
    width:auto !important;
    height:auto !important;

    max-width:180px !important;
    max-height:55px !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    object-fit:contain !important;
}


/* ------------------------------------------------------------
   NAVIGATION WRAPPER
   ------------------------------------------------------------ */

.bjp-primary-nav {
    width:100% !important;

    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;
}


/* ------------------------------------------------------------
   MENU
   ------------------------------------------------------------ */

.bjp-primary-menu {
    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    flex-wrap:nowrap !important;

    gap:3px !important;

    list-style:none !important;
}


.bjp-primary-menu > li {
    margin:0 !important;

    padding:0 !important;

    flex:0 0 auto !important;
}


/* ------------------------------------------------------------
   NAV FONT
   Reduced from previous oversized treatment.
   ------------------------------------------------------------ */

.bjp-primary-menu > li > a {
    min-height:44px !important;

    padding:
        0 11px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#24292f !important;

    background:transparent;

    border:0;

    border-radius:7px !important;

    font-size:13.5px !important;

    font-weight:700 !important;

    line-height:1.2 !important;

    letter-spacing:-.01em !important;

    white-space:nowrap !important;

    text-decoration:none !important;

    transition:
        color .15s ease,
        background-color .15s ease;
}


.bjp-primary-menu > li > a:hover {
    color:#d71920 !important;

    background:#fff5f5 !important;
}


/* CURRENT PAGE */

.bjp-primary-menu
> li.current-menu-item
> a,

.bjp-primary-menu
> li.current_page_item
> a {

    color:#d71920 !important;

    background:#fff4f4 !important;
}


/* ------------------------------------------------------------
   LARGE SCREEN
   Still keep header centered instead of stretching edge-to-edge.
   ------------------------------------------------------------ */

@media(min-width:1500px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:min(
            1280px,
            calc(100% - 64px)
        ) !important;

        max-width:1280px !important;
    }

}


/* ------------------------------------------------------------
   LAPTOP
   ------------------------------------------------------------ */

@media(max-width:1100px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:calc(100% - 36px) !important;

        grid-template-columns:
            175px
            minmax(0,1fr) !important;

        gap:18px !important;
    }


    .bjp-site-brand {
        width:175px !important;
        max-width:175px !important;
    }


    .bjp-site-logo {
        max-width:165px !important;
    }


    .bjp-primary-menu > li > a {
        padding:
            0 8px !important;

        font-size:12.5px !important;
    }

}


/* ------------------------------------------------------------
   MOBILE / TABLET
   Hamburger stays far-right.
   ------------------------------------------------------------ */

@media(max-width:900px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:calc(100% - 28px) !important;

        min-height:68px !important;

        grid-template-columns:
            minmax(0,1fr)
            auto !important;

        gap:12px !important;
    }


    .bjp-site-brand {
        width:auto !important;
        max-width:none !important;
    }


    .bjp-site-logo {
        max-width:165px !important;
        max-height:49px !important;
    }


    .bjp-menu-toggle {
        margin-left:auto !important;
    }


    .bjp-primary-nav {
        justify-content:flex-start !important;
    }

}


/* ------------------------------------------------------------
   SMALL MOBILE
   ------------------------------------------------------------ */

@media(max-width:480px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:calc(100% - 24px) !important;

        min-height:64px !important;
    }


    .bjp-site-logo {
        max-width:150px !important;
        max-height:46px !important;
    }

}

/* END BOJANGLES FINAL HEADER V1 */


/* ============================================================
   BOJANGLES MOBILE HEADER FINAL STATE V2
   Closed by default. Opens only through .is-open.
   ============================================================ */

@media (max-width:900px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:calc(100% - 28px) !important;
        max-width:none !important;

        min-height:68px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding:8px 0 !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            auto !important;

        grid-template-areas:
            "brand toggle"
            "nav nav" !important;

        align-items:center !important;

        column-gap:12px !important;
        row-gap:0 !important;
    }


    /* BRAND */

    .bjp-site-brand {

        grid-area:brand !important;

        width:auto !important;
        max-width:180px !important;

        margin:0 !important;
        padding:0 !important;

        justify-self:start !important;
    }


    .bjp-site-logo {

        width:auto !important;
        height:auto !important;

        max-width:170px !important;
        max-height:49px !important;

        display:block !important;
    }


    /* MENU BUTTON */

    .bjp-menu-toggle {

        grid-area:toggle !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        justify-self:end !important;

        width:auto !important;
        min-width:50px !important;
        min-height:40px !important;

        margin:0 !important;
        padding:0 13px !important;

        border:0 !important;
        border-radius:7px !important;

        background:#ed1c24 !important;
        color:#ffffff !important;

        font-size:12px !important;
        font-weight:700 !important;
        line-height:1 !important;

        cursor:pointer !important;
    }


    /*
     * CRITICAL:
     * desktop display:flex !important must NOT force
     * the navigation open on mobile.
     */

    .bjp-primary-nav {

        grid-area:nav !important;

        display:none !important;

        width:100% !important;

        margin:8px 0 0 !important;
        padding:0 !important;
    }


    /* JS adds this class after Menu click */

    .bjp-primary-nav.is-open {

        display:block !important;
    }


    .bjp-primary-menu {

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        flex-direction:column !important;

        align-items:stretch !important;

        gap:0 !important;

        background:#ffffff !important;

        border:
            1px solid #eceff1 !important;

        border-radius:8px !important;

        overflow:hidden !important;
    }


    .bjp-primary-menu > li {

        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    .bjp-primary-menu > li > a {

        width:100% !important;

        min-height:44px !important;

        padding:
            0 14px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        white-space:normal !important;

        font-size:13px !important;
        font-weight:700 !important;

        border-radius:0 !important;

        border-bottom:
            1px solid #f0f1f2 !important;
    }


    .bjp-primary-menu > li:last-child > a {

        border-bottom:0 !important;
    }

}


@media (max-width:480px) {

    .bjp-site-header
    .bjp-global-shell.bjp-header-row {

        width:calc(100% - 24px) !important;

        min-height:64px !important;
    }


    .bjp-site-brand {

        max-width:158px !important;
    }


    .bjp-site-logo {

        max-width:150px !important;
        max-height:45px !important;
    }


    .bjp-menu-toggle {

        min-width:48px !important;
        min-height:38px !important;

        padding:
            0 12px !important;

        font-size:11px !important;
    }

}

/* END BOJANGLES MOBILE HEADER FINAL STATE V2 */