/* custom rules */

/* Apply this customization only on smaller screens */
@media (max-width: 700px) {

    /* Remove Tab Manager button
        (overridden by tab_counter.css) */
    #alltabs-button {
        display: none !important;
    }

    /* Remove tab overflow indicators */
    spacer[part=overflow-start-indicator],
    spacer[part=overflow-end-indicator] {
        display: none !important;
    }

    /* Remove spacers on left and right of main tab view */
    #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
        margin-inline-start: 0px !important;
    }
    .titlebar-spacer[type="post-tabs"] {
        display: none !important;
    }

    /* Remove items from urlbar */
    #tracking-protection-icon-container,
    #identity-permission-box,
    #userContext-indicator,
    #page-action-buttons {
        display: none !important;
    }

    /* Urlbar font resizing */
    #urlbar-input {
        font-size: 10pt !important;
    }
    #urlbar[focused] #urlbar-input {
        font-size: calc(var(--urlbar-height) - 9px) !important;
    }

    /* Hide Inactive tab close button (x)
         to prevent accidentally closing tabs when selecting them */
    .tab-close-button:not([selected]),
    .tabbrowser-tab:not([selected]):hover .tab-close-button {
        visibility: hidden !important;
    }

    /* Disable tab loading burst
        (because it's annoying) */
    .tab-loading-burst {
        display: none !important;
    }

    /* Tabs Toolbar and Container tab line color
         (hides container tab line above tab by making it the same color as the Tabs Toolbar) */
    #TabsToolbar,
    .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
        background-color: var(--tab-bgcolor) !important;
    }

    /* Menubar color
        (hides the line at the top of the screen when Menubar is hidden) */
    toolbar[type=menubar] {
        background-color: black !important;
        color: var(--toolbar-color) !important;
    }

    /* Navbar bottom border color */
    #navigator-toolbox {
        border-bottom-color: black !important;
    }

}