/* антимегабар --> */
#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}
#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    inset-inline: 0px !important;
}
#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
}
#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}
#urlbar[breakout] > #urlbar-background {
    display: block !important;
    position: absolute !important;
    animation: none !important;
    inset-inline: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}
#urlbar[breakout][open] > #urlbar-background {
    border-color: var(--toolbar-field-border-color, transparent) !important;
}
#urlbar[breakout][focused="true"] > #urlbar-background {
    border-color: var(--toolbar-field-focus-border-color, Highlight) !important;
}
#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    background: var(--toolbar-field-focus-background-color, var(--autocomplete-popup-background, Field)) !important;
    border: 1px solid var(--arrowpanel-border-color, ThreeDShadow) !important;
    border-top: none !important;
}
#urlbar[breakout] > .urlbarView html|*.urlbarView-body-inner {
    border: none !important;
}
#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}
#urlbar[breakout] > .urlbarView .search-one-offs,
#urlbar[breakout] > .urlbarView html|*.urlbarView-results {
    padding-block: 0 !important;
}
/* <-- антимегабар */

/* антимегабар --> */
:root {
    --urlbar-margin-inline: 1px !important;
    --v-urlbar-searchbar-border-radius: 2px;
}
:root[uidensity=touch] {
    --urlbar-margin-inline: 5px !important;
}

#urlbar-container {
    padding: 1px 0 !important;
    margin: 0 var(--urlbar-margin-inline) !important;
    &[breakout] {
        position: relative !important;
    }
    #urlbar {
        #identity-icon-box,
        #identity-box {
            max-width: calc(30px + 15em) !important;
        }
        &[breakout] {
            display: block !important;
            position: absolute !important;
            width: 100% !important;
            height: var(--urlbar-height) !important;
            top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
            inset-inline: 0 !important;
        }
        &[breakout] > :is(#urlbar-input-container,.urlbar-input-container) {
            width: 100% !important;
            height: var(--urlbar-height) !important;
            padding: 0 !important;
        }
        &[breakout][breakout-extend],
        &[breakout][breakout-extend-disabled][open] {
            height: auto !important;
        }
        &[breakout] > #urlbar-background {
            display: block !important;
            position: absolute !important;
            animation: none !important;
            inset-inline: 0 !important;
            box-shadow: none !important;
            height: var(--urlbar-height) !important;
            top: 0 !important;
            bottom: auto !important;
        }
        &[breakout][open] > #urlbar-background {
            border-color: var(--toolbar-field-border-color, transparent) !important;
        }
        &[breakout][focused] > #urlbar-background {
            border-color: var(--toolbar-field-focus-border-color, Highlight) !important;
        }
        &[breakout] > .urlbarView {
            margin: 0 !important;
            width: 100% !important;
            border-radius: var(--v-urlbar-searchbar-border-radius) !important;
/*            background: var(--toolbar-field-focus-background-color, Field) !important;
            color: var(--toolbar-field-focus-color, FieldText) !important; /* !!! */
            border: 1px solid var(--arrowpanel-border-color, ThreeDShadow) !important;
            border-top: none !important;
            box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13);
            .searchbar-engine-one-off-item {
                margin: 0 !important;
                min-width: 28px !important;
                height: 28px !important;
                &:not(.search-setting-button)::after {
                    content: "";
                    border-inline-end: 1px solid;
                    border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1;
                }
            }
            .search-panel-one-offs-container {
                min-width: calc(5 * 28px) !important;
            }
            .urlbarView-quickaction-button {
                border-radius: var(--toolbarbutton-border-radius) !important;
                box-shadow: none !important;
            }
        }
        &[breakout] > .urlbarView .urlbarView-body-inner {
            border: none !important;
        }
        &[breakout] > .urlbarView .search-one-offs,
        &[breakout] > .urlbarView .urlbarView-results {
            padding-block: 0 !important;
        }
        &:not([focused]) input {
            mask-image: linear-gradient(to left, transparent, black 3ch);
            mask-repeat: no-repeat;
        }
        &:not([focused]):-moz-locale-dir(rtl) input {
            mask-image: linear-gradient(to right, transparent, black 3ch);
        }
    }
}
#search-container {
    padding: 1px 0 !important;
    margin: 0 var(--urlbar-margin-inline) !important;
    #searchbar {
        .searchbar-search-icon {
            margin-inline-start: 6px !important;
        }
        &:not(:focus-within) input {
            mask-image: linear-gradient(to left, transparent, black 3ch);
            mask-repeat: no-repeat;
        }
        &:not(:focus-within):-moz-locale-dir(rtl) input {
            mask-image: linear-gradient(to right, transparent, black 3ch);
        }
    }
}
#urlbar :is(#urlbar-input-container,.urlbar-input-container,#urlbar-background), #searchbar {
    box-shadow: none !important;
    background-clip: border-box !important;
    border-radius: var(--v-urlbar-searchbar-border-radius) !important;
    overflow: clip;
}
#urlbar, #searchbar {
    min-height: var(--urlbar-min-height) !important;
    font-size: 1em !important;
    box-shadow: none !important;
    align-items: stretch !important;
}
#PopupSearchAutoComplete {
    --panel-subview-body-padding: 0 !important;
    --panel-padding: 0 !important;
    --panel-border-radius: var(--v-urlbar-searchbar-border-radius) !important;
    --panel-shadow: 0 2px var(--panel-shadow-margin) rgba(0, 0, 0, 0.13) !important;
    --panel-shadow-margin: 14px !important;
    & > .search-panel-current-engine {
        margin-top: 0px !important;
        padding-inline: 6px !important;
    }
    & > menuseparator.searchbar-separator {
        display: none !important;
    }
    & > .search-one-offs:not([hidden]) {
        border-top: 1px solid var(--urlbarView-separator-color);
        display: flex !important;
        align-items: start !important;
        flex-wrap: wrap !important;
    }
    .search-panel-one-offs-container {
        min-width: calc(5 * 28px) !important;
    }
    .searchbar-engine-one-off-item {
        margin: 0 !important;
        min-width: 28px !important;
        height: 28px !important;
        &:not(.search-setting-button)::after {
            content: "";
            border-inline-end: 1px solid;
            border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1;
        }
    }
}
#urlbar-search-splitter {
    min-width: 6px !important;
    width: 6px !important;
    margin: 0 -3px !important;
}
/* <-- антимегабар */


/*********** PARTIAL - Megabar Styler General - version 2023-03-23 ************/
/***** https://www.userchrome.org/megabar-styling-firefox-address-bar.html ****/

  /*** General Preferences ***/
  :root {
    /* Number of pixels of enlargement when URL bar is focused */
    --mbarstyler-popout-pixels: 0px; /* [0px - 7px] */

    /* Top Bar Display or Not */
    --mbarstyler-top-bar-display: none; /* [block,none] */

    /* Font sizes (default: 13.8px for title, 10.2px for URL) */
    --mbarstyler-title-font-size: 14px; /* [13px - 18px] */
    --mbarstyler-url-font-size: 12px; /* [12px - 16px] */

    /* Rows to show without scrolling */
    --mbarstyler-max-rows-without-scrolling: 20;

    /* Bottom border for each result row */
    --mbarstyler-bottom-border-width: 0px; /* [0px or 1px] */

    /* Height adjustment for labels (Proton) */
    --mbarstyler-label-height-adjustment: 0px; /* [0px or 35px] */
   
    /* Match display style */
    --mbarstyler-match-weight: 400; /* [400,700] */
    --mbarstyler-match-background-opacity: 0.1; /* [0.0,0.05,0.1] */
  }
  /*** Top "Blue Bar" Display ***/

  .urlbarView-row:first-of-type {
    display: var(--mbarstyler-top-bar-display) !important;
  }

  /*** Font Sizes and Scrolling ***/

  /* Title font-size */
  .urlbarView-row .urlbarView-title {
    font-size: var(--mbarstyler-title-font-size) !important;
  }

  /* URL / action font-size */
  .urlbarView-row .urlbarView-secondary,
  .urlbarView-row .urlbarView-url,
  .urlbarView-row .urlbarView-action {
    font-size: var(--mbarstyler-url-font-size) !important;
  }

  /* Set max-height for items visible without scrolling */
  #urlbarView-results, #urlbar-results {
    height: unset !important;
    max-height: calc(2.5 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling) + var(--mbarstyler-label-height-adjustment)) !important;
  }
  #urlbar-results {
    overflow-y: auto !important; 
  }

  /* Clean up extra spacing at the top and bottom */  
  #urlbar-results {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Clean up extra vertical spacing on "tip" suggestions, shrink icon */  
  .urlbarView-row[type="tip"]{
    padding-block: 0px !important;
  }
  .urlbarView-row[type="tip"] > .urlbarView-row-inner {
    min-height: 0px !important;
  }
  .urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon {
    height: 16px !important;
    width: 16px !important;
    flex-basis: 16px !important;
  }

  /* Subtle border between results */
  .urlbarView-row:not(:last-of-type) {
    border-bottom: var(--mbarstyler-bottom-border-width) solid rgba(0, 0, 0, 0.1) !important;
  }

  /* Match Styling Like Fx43-47 */
  [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-title strong,
  [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-url strong {
    font-weight: var(--mbarstyler-match-weight) !important;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, calc(var(--mbarstyler-match-background-opacity) * 2));
    background-color: rgba(0, 0, 0, var(--mbarstyler-match-background-opacity));
    border-radius: 2px;
  }
  [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-title strong,
  [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-url strong {
    font-weight: var(--mbarstyler-match-weight) !important;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, calc(var(--mbarstyler-match-background-opacity) * 2));
    background-color: rgba(255, 255, 255, var(--mbarstyler-match-background-opacity));
    border-radius: 2px;
  }

  /* Hide "Firefox Suggest", "Google Suggestions" and other labels */
  .urlbarView-row[label]::before {
    /* Suppress the text */
    display: none !important;
  }
  .urlbarView-row[label] {
    /* Remove the empty space */
    margin-block-start: 0 !important;
  }

/*** End of: Megabar Styler General ***/


/*** Megabar Styler Two-Row Flex Layout - version 2021-09-09 ***/

  /* Adjust heights for scrolling */
  #urlbarView-results, #urlbar-results {
    max-height: calc(1.625 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-url-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling)) !important;
  }
    /* Wrap the url (adapted from Fx75 narrow bar design) */
  .urlbarView-row-inner {
    flex-wrap: wrap !important;
    padding-block: 1px !important;
  }
  .urlbarView-no-wrap {
    max-width: 100% !important;
    flex-basis: 100% !important;
    position: relative;
    background-color: rgba(0,0,0,0.05) !important;
  }
    /* Remove Proton excess height from search suggestions */
  :root:not([uidensity="compact"]) .urlbarView-row[type="search"]{
    min-height: unset !important;
  }

  /* Adjust horizontal and vertical URL position */
  .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url {
    padding-inline-start: calc(6px + 4px + /* favicon */ 16px) !important;
    margin-top: calc(2px + (var(--mbarstyler-url-font-size) - var(--mbarstyler-title-font-size)));
  }

  /* Hide the separator if there's a URL */
  .urlbarView[actionoverride] .urlbarView-row[has-url] .urlbarView-title-separator,
  .urlbarView .urlbarView-row[has-url]:not([type$=tab]) .urlbarView-title-separator,
  .urlbarView .urlbarView-row[type=remotetab]:-moz-any(:hover, [selected]) .urlbarView-title-separator {
    display: none !important;
  }

  /* Move Switch Tab info to URL line :: added 2020-04-12 */

    /* Make sure URL is always visible */
    .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url {
      visibility: visible !important;
    }
    /* Show Switch to Tab or Open depending on [actionoverride] */
    .urlbarView:not([actionoverride]) .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url::before {
      content: "На вкладку: ";
      font-style: italic;
      color: var(--urlbar-popup-action-color);
    }
    .urlbarView:not([actionoverride]) .urlbarView-row[type="switchtab"][has-url="true"][selected] .urlbarView-url::before {
      color: HighlightText; /* 2020-05-31 improve visibility when selected */
    }
    .urlbarView[actionoverride] .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-url::before {
      content: "Открыть: ";
      font-style: italic;
      color: var(--urlbar-popup-action-color);
    }
    .urlbarView[actionoverride] .urlbarView-row[type="switchtab"][has-url="true"][selected] .urlbarView-url::before {
      color: HighlightText; /* 2020-05-31 improve visibility when selected */
    }
    /* Hide the existing Action phrase and separator */
    .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-action,
    .urlbarView-row[type="switchtab"][has-url="true"] .urlbarView-title-separator {
      display: none !important;
    }

  /* A little more room for the address bar when drop-down is open :: added 2020-06-02 */

  .urlbarView {
    margin-block-start: 0 !important;
  }

/*** End of: Megabar Styler Two-Row Flex Layout ***/


/*** Megabar Styler One-Offs - version 2020-05-31 ***/

  /*** One-Off Search Button Preferences ***/
  :root {
    /* One-Offs Display or Not */
    --mbarstyler-oneoffs-display: flex; /* [flex,none] */
  }

  /* Show or Hide the One-Offs Search Icon Bar */
  #urlbar .search-one-offs:not([hidden]) {
    display: var(--mbarstyler-oneoffs-display) !important;
  }
  /* Shorten the One-Offs Search Icon Bar Vertically */
  #urlbar .search-one-offs:not([hidden]) {
    padding-block: unset !important;
  }
  /* We don't need the text */
  #urlbar .search-one-offs .search-panel-header {
    display: none !important;
  }

/*** End of: Megabar Styler One-Offs ***/

@media (prefers-color-scheme: dark) {
#urlbar > .urlbarView, #urlbar[breakout] > .urlbarView, #urlbar-results, .search-panel-one-offs-container {
    background-color: rgba(43,42,51,0.5) !important;
}
}