/* Browse tabs - desktop */
@media screen and (min-width: 768px) {
    /* Header category title */
    #site-header {
        border-bottom: var(--space-xsmall) solid var(--color-pling-2);
    }

    #site-header #site-header-store-name-container {
        bottom: 28px !important;
    }

    #site-header .header-links-display {
        margin: 0;
    }


    /* Move .main top */
    #product-browse-container .main { 
        margin-top: -32px; 
    }

    /* Move sidebars bottom */
    #product-browse-container  .pui-sidebar,
    #product-browse-container  .pui-sidebar-right {
        margin-top: 32px;
    }

    /* Bring tabs forward, and hide tabs bottom line - overflows supporters dropdown */
    #product-browse-container #product-tabs {
        z-index: 9990;
        border-bottom: 0;
        max-height: 32px; /* fix a break between line and tabs pt1 */
    }

    #product-browse-container #product-tabs a {
        height: 32px; /* fix a break between line and tabs pt2 */
    }

    /* Tabs styling */
    #product-browse-container #product-browse-top-menu #product-tabs {
        border: 0;
    }
    #product-browse-container #product-browse-top-menu #product-tabs .container-wide {
        padding: 0;
    }

    #product-browse-top-menu .nav-pui-tabs li {
        padding: 0;
        margin: 0 var(--space-normal) 0 0;
        white-space: nowrap;
    }
    #product-browse-top-menu .nav-pui-tabs li:last-child {
        padding-right: 0;
        margin: 0;
    }

    #product-browse-top-menu .nav-pui-tabs li a {
        display: block;
        color: #fff;
        padding: var(--space-small) var(--space-normal);
        border: var(--space-xsmall) solid transparent;
        border-bottom: var(--space-xsmall) solid var(--color-pling-2);
        border-bottom: 0;
    }

    /* Default header tabs colors over 768px width
    ** Stores custom colors are inside store-headers.css
    */
    .theme-light #product-browse-top-menu .nav-pui-tabs li a {
        color: var(--color-dark-1) !important;
        background: rgba(255,255,255,.32) !important;
    }

    .theme-light #product-browse-top-menu .nav-pui-tabs li a:hover {
        background: rgba(255,255,255,.52) !important;
    }

    .theme-light #product-browse-top-menu .nav-pui-tabs li a.active {
        color: var(--color-dark-1);
        border: var(--space-xsmall) solid var(--color-pling-2);
        border-bottom: var(--space-xsmall) solid var(--color-light-1);
        background: var(--color-light-1) !important;
    }

    .theme-dark #product-browse-top-menu .nav-pui-tabs li a {
        color: var(--color-dark-1) !important;
        background: rgba(0,0,0,.32) !important;
    }

    .theme-dark #product-browse-top-menu .nav-pui-tabs li a:hover {
        background: rgba(0,0,0,.52) !important;
    }

    .theme-dark #product-browse-top-menu .nav-pui-tabs li a.active {
        color: var(--color-dark-1);
        border: var(--space-xsmall) solid var(--color-pling-2);
        border-bottom: var(--space-xsmall) solid var(--color-light-1);
        background: var(--color-light-1) !important;
    }
}