/*
 * Bricks' base stylesheet (frontend-layer.min.css, layer "bricks.reset") styles plain elements that the template
 * leaves to the browser. These unlayered :where() rules beat that layer but have zero specificity, so every fc.css
 * rule still wins: the result is the template's look. Bricks' own buttons (nav, offcanvas: brx-/bricks- classes)
 * keep its button reset.
 */
:where(button:not([class*="brx-"], [class*="bricks-"])) { padding: revert; text-align: revert; outline: revert; }
:where(body) { -moz-osx-font-smoothing: revert; background-position: revert; transition: revert; }
:where(html) { line-height: revert; }
:where(h1, h2, h3, h4, h5, h6) { text-rendering: revert; }
:where(h5, h6) { font-size: revert; line-height: revert; }
:where(p) { margin-block: revert; }
:where(small) { font-size: revert; }
:where(img) { vertical-align: revert; outline: revert; }
:where(table) { width: revert; }
:where(figcaption) { color: revert; font-size: revert; margin: revert; text-align: revert; }
:where(blockquote) { border-left: revert; font-family: revert; font-size: revert; margin: revert; padding: revert; position: revert; }
:where(label) { color: revert; display: revert; font-weight: revert; margin-bottom: revert; }
:where(input:not([type=submit]), select, textarea) { border-style: revert; border-width: revert; box-shadow: revert; color: revert; line-height: revert; outline: revert; padding: revert; transition: revert; width: revert; }
:where(input, select, textarea) { text-align: revert; }
:where(input, select, textarea, optgroup) { margin: revert; }
:where(legend) { display: revert; padding: revert; max-width: revert; white-space: revert; color: revert; }
:where(input[type=checkbox], input[type=radio], select) { cursor: revert; }
:where(select) { appearance: revert; background-color: revert; background-image: revert; background-position: revert; background-repeat: revert; background-size: revert; border-radius: revert; }
:where(textarea) { height: revert; min-height: revert; padding: revert; }
:where(::placeholder) { color: revert; }

/* Bricks styles WordPress galleries (.gallery: flex-flow wrap, margin 0 -10px, unlayered): the template's vehicle gallery shares the name */
.gallery[data-gallery] { margin-inline: 0; flex-wrap: nowrap; } /* on phones the template's gallery scrolls sideways */

/* Bricks forces textarea { line-height: inherit !important } in its layer. An !important declaration in an earlier layer
   wins, so this layer is declared in <head> before Bricks' stylesheet (functions.php) and restores the template's 1.3. */
@layer friedas-first {
  textarea.textarea { line-height: 1.3 !important; }
}