urlbar

/***  Navbar size  ***/

/* navbar size , 1. Groesse UNgerade, 2. gerade --> zentriert  */

/* Gesamt  */
#urlbar-container, #search-container {
    min-height: 37px !important;
}
#nav-bar {
    height: var(--uc-toolbar-height) !important;
}

/* Textfeld , gleiche Grösse  */
#urlbar, #searchbar {
    min-height: 22px !important;
}
#urlbar-input-container {
    max-height: 22px !important;
}


/* Textfeld HG , border */

#urlbar-background {
    border-radius: 0 !important;
    border: 1px solid !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    background-color: #f6f6f6 !important;
}

/* URL dropdown background color */
#urlbar[breakout][breakout-extend][open] > #urlbar-background {
    background-color: #f6f6f6 !important;
}

/* Highlight color URL bar */

#urlbar-input::selection {
    background-color: rgba(87, 80, 68, 0.2) !important;
}
/* URL color URL bar dropdown */

:root {
    --urlbar-popup-url-color: rgba(87, 80, 68, 1.0) !important;
}

/* Selected URL hover color */
.urlbarView-row[selected] .urlbarView-row-inner {
    background-color: rgba(87, 80, 68, 0.3) !important;
    color: inherit !important;
}

/* Font URL bar */
#urlbar-input {
    font-size: 13px !important;
}

/* Font results, not URL text */
.urlbarView-row {
    font-size: 13px !important;
}

/* Thin border URL popup / outline color */

#urlbar:focus-within > #urlbar-background {
   border: none !important;
   outline-color: rgba(195, 195, 195, 1.0) !important;
}


/*** Disable Urlbar expansion ***/

#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate]
 > #urlbar-background {
    animation-name: none !important;
}

/** One row results **/

.urlbarView-results[wrap] > .urlbarView-row >
 .urlbarView-row-inner > .urlbarView-no-wrap {
    max-width: 100% !important;
    flex-basis: inherit !important;
}

.urlbarView-results[wrap] > .urlbarView-row > .urlbarView-row-inner {
    flex-wrap: nowrap !important;
}

/*** Url bar results more compact ***/

.urlbarView {
    margin-inline: 0 !important;
    width: auto !important;
}

#urlbar-background {
    animation: none !important;
}

/* Results padding all / left */

.urlbarView-row-inner, .urlbarView-row {
    padding-block: 2px !important;
    min-height: 18px !important;
    padding-left: 6px !important;
}

/* Results padding top bottom all */

.urlbarView-results {
   /*padding-top: 6px !important;*/
   padding-bottom: 26px !important;
}

/* top "blue bar" display off */

.urlbarView-row:first-of-type {
    display: none !important;
}

/* URL bar separator transparent */

#urlbar {
   --autocomplete-popup-separator-color: rgba(87, 80, 68, 0.0) !important;
}

/* Gaps Suggest top + bottom */

.urlbarView-row[label="Firefox-Vorschläge"]::before {
    padding-top: 10px !important;
}
.urlbarView-row[label="Firefox-Vorschläge"] {
    padding-top: 20px !important;
}
.urlbarView-row[label="Google-Vorschläge"]::before {
    padding-top: 10px !important;
}
.urlbarView-row[label="Google-Vorschläge"] {
    padding-top: 20px !important;
}


.urlbarView-title-separator, .urlbarView-action {
    display:none !important;
}

/*  URL arrow hidden  */

#urlbar-go-button,
.search-go-button {
    visibility: hidden !important;
}


/* Dropdown icons size */

:root {
  --urlbarView-favicon-width: 14px !important;
}


/*  Search bar no Plain Text  */

#urlbar-input::placeholder {
    color: transparent !important;
}

/* Url bar results no fat text */

.urlbarView strong {
    font-weight: normal !important;
}

/*  Hide Url bar icons , Input gap left  */

/*  Buttons right , ohne Firefox Logo grau  */
:is(#identity-box, #tracking-protection-icon-container):not(#identity-box.chromeUI) {
    -moz-box-ordinal-group: 2 !important;
    margin-inline: 0px !important;
    opacity: 0.0 !important;
}

:is(#identity-box, #tracking-protection-icon-container):not(#identity-box.chromeUI):hover {
    opacity: 1.0 !important;
    fill: rgba(80, 80, 80, 1.0) !important;
}

/*  Star button right  */

#page-action-buttons {
    -moz-box-ordinal-group: 3 !important;
}

/*  Buttons smaller width */

#tracking-protection-icon-container, #identity-box.verifiedDomain > #identity-icon-box {
    padding-inline: 4px !important;
}

/*  Icons smaller  */

.sharing-icon, #identity-icon,
#permissions-granted-icon,
#tracking-protection-icon,
#blocked-permissions-container > .blocked-permission-icon {
    padding: 2px !important;
}

/*  Notifications box Off  */

#identity-permission-box {
    display: none !important;
}

/*  Firefox Icon Graues Label Off  */

#identity-box.chromeUI #identity-icon {
    display: none !important;
}

/*  Graues Firefox Logo  */

#identity-box.chromeUI #identity-icon-label {
    padding-inline: 0px !important;
    font-size: 12px !important;
}

#reader-mode-button {
    display: none !important;
}
#urlbar-input {
    padding-left: 12px !important;
}

/*  Zoom button center */

#urlbar-zoom-button {
    margin: 0px !important;
}

/*  Star button size etc. */

#star-button-box {
    /*margin: 1px !important;*/
    padding-block: 4px !important;
}
#star-button-box:not(:hover) {
    opacity: 0.0 !important;
}
#star-button-box:hover {
    background-color: rgba(87, 80, 68, 0.2) !important;
    opacity: 1.0 !important;
}
#star-button {
    fill: rgba(80, 80, 80, 1.0) !important;
}
#star-button[starred] {
    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
}