/* --- Make highlight of the active element in structure more prominent --- */

#bricks-structure .element.active>.structure-item {
    background-color: var(--builder-color-accent);
}

#bricks-structure .element.active>.structure-item input,
#bricks-structure .element.active>.structure-item>.title input,
#bricks-structure .element.active>.structure-item>.title i,
#bricks-structure .element.active .structure-item .more {
    color: #000;
}

#bricks-structure .element.active>.structure-item input::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #1a99e0;
}

#bricks-structure .element.active>.structure-item input::selection {
  color: #fff;
  background: #1a99e0;
}

#bricks-structure .element.active .structure-item:hover .actions .action .bricks-svg-wrapper path {
fill: #111;
}

/* --- Turn off 0.5 opacity of element states svgs --- */

#bricks-structure .structure-item .element-states svg {
opacity: 1;
}

/* --- Make "View on frontend" button always appear */

#bricks-toolbar li.new-tab {
display: flex !important;
}

/* --- Make active class prominent */

#bricks-panel-element-classes .active-class.active input {
background-color: var(--wp--preset--color--light-green-cyan);
color: #000;
}

#bricks-panel-element-classes .element-classes li {
background-color: var(--builder-bg-accent);
color: var(--builder-color-accent);
}