/* GT Mega Menu 0.8.0 — desktop/tablet preview only. */

@media (min-width: 768px) {

    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu {

        display: grid;
        width: var(--gt-hfb-mega-width, 760px);
        max-width: calc(100vw - 32px);
        min-width: 0;

        left: var(--gt-hfb-mega-left, 0px);

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

        gap: 18px;
        padding: 22px;

        box-sizing: border-box;
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-1 > .sub-menu {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-2 > .sub-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-3 > .sub-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-4 > .sub-menu {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-5 > .sub-menu {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-mega-cols-6 > .sub-menu {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu > li {
        min-width: 0;
        display: block;
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu > li > a {
        font-weight: 700;
        white-space: normal;
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu > li > .sub-menu {

        position: static;

        display: block;
        min-width: 0;
        width: auto;

        margin: 0;
        padding: 0;

        border: 0;
        box-shadow: none;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: none;
        transition: none;
    }

    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu a {
        white-space: normal;
    }
}

/* 0.9.3: nested column lists must inherit their parent panel's hidden state.
   Prevents invisible links catching pointer events and opening Mega Menu from below. */
@media (min-width: 768px) {
    .gt-hfb-preview-wrapper
    .gt-hfb-nav-menu > li.gt-hfb-mega > .sub-menu > li > .sub-menu {
        visibility: inherit;
        pointer-events: inherit;
    }
}