/*
 * GearCheckpoint RTT Dropdown Visual Lock
 *
 * Purpose:
 * - yellow RTT dropdown selections everywhere
 * - black readable text
 * - NO white submenu canvas
 * - does not alter navigation structure
 */

@media (min-width: 782px) {

    /*
     * WordPress uses wp-block-navigation-submenu,
     * not the earlier assumed has-child selector.
     */
    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation-submenu
    > .wp-block-navigation__submenu-container,

    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        padding: 0 !important;

        min-width: 250px !important;
    }

    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container::before,

    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container::after {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Remove white backgrounds from every submenu LI.
     */
    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;

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

    /*
     * Yellow individual selections.
     */
    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content {

        display: block !important;

        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 14px 20px !important;

        background: #ffb000 !important;
        background-color: #ffb000 !important;
        background-image: none !important;

        color: #10151d !important;

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

        box-shadow: none !important;

        font-weight: 700 !important;
        line-height: 1.25 !important;

        text-decoration: none !important;
    }

    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content:hover,

    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content:focus {

        background: #ffc12b !important;
        background-color: #ffc12b !important;

        color: #10151d !important;
    }

    /*
     * Race to the Top parent button also stays yellow
     * on every RTT page.
     */
    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation-submenu
    > .wp-block-navigation-item__content {

        background: #ffb000 !important;
        background-color: #ffb000 !important;
        background-image: none !important;

        color: #10151d !important;

        border-radius: 999px !important;

        padding: 10px 16px !important;

        font-weight: 700 !important;

        text-decoration: none !important;
    }

    /*
     * Keep the submenu toggle itself from gaining
     * a white or purple background.
     */
    body.gc-rtt-dropdown-lock
    header
    .wp-block-navigation-submenu
    > .wp-block-navigation__submenu-icon {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;
    }
}