/* 225 Face Care — Bricks form-control default overrides (2026-07-10).
   Bricks ships (inside `@layer bricks` in frontend-layer.min.css):
     .input, input:not([type=submit]), select, textarea { line-height: 40px; padding: 0 12px; }
   The static design has no global input rule — every form styles its own fields —
   so those defaults only add unwanted height/padding on top of the design CSS.

   This file loads AFTER Bricks frontend CSS. The rules live inside the SAME
   `bricks` cascade layer so they replace Bricks' two declarations 1:1 while every
   unlayered site rule (.rev-field, .np-input, .news-input port, #brxe-* form CSS,
   wc-block overrides) keeps beating them exactly as before. Do NOT unlayer these. */
@layer bricks {
  .input, input:not([type=submit]), select, textarea {
    line-height: normal;
    padding: 0;
  }

  /* The only surface with no site-specific field CSS — WooCommerce classic
     account forms (login/register/addresses) relied on the old Bricks defaults,
     so keep their previous geometry. (The header search overlay is covered by
     Bricks' own more-specific .bricks-search-overlay rules — leave it alone.) */
  .woocommerce form .form-row .input-text,
  .woocommerce form .form-row select {
    line-height: 40px;
    padding: 0 12px;
  }

  /* Bricks paints every <pre> red (#fc1f49) — visible on the HolestPay
     transaction info + fiscal receipt on the order-received page. Use the
     site text color instead; keep the rest of Bricks' pre styling intact. */
  pre {
    color: var(--text-dark);
  }
}