/* =========================================================
   FORM.CSS — Bricks Builder
   ---------------------------------------------------------
   Stijlen voor Bricks formulier-elementen (.brxe-form).

   Input selectors:
     input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])
     textarea
     select
   ========================================================= */


/* =========================================================
   1. INPUT FIELDS
   ---------------------------------------------------------
   Inset-schaduw geeft een ingedrukt veld-gevoel:
     - wit glans boven
     - donkerblauw midden (diepte)
     - zwarte rand onder (scherpe basis)
   Border verwijderd. Tekst donkergrijs voor leesbaarheid.
   Focus: outline vervangen door blauwe glow onderaan.
   ========================================================= */

.brxe-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.brxe-form textarea,
.brxe-form select {
    border: none;
    color: #333;
    box-shadow:
        inset #ffffff 0px 50px 100px -20px,
        inset rgb(27 33 109) 0px 30px 60px -30px,
        inset rgb(0 0 0) 2px -4px 12px -2px !important;
}

.brxe-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.brxe-form textarea:focus,
.brxe-form select:focus {
    outline: none;
    /* box-shadow:
        inset #c3dbf1f5 0px 50px 100px -20px,
        inset rgb(27 33 109) 0px 30px 60px -30px,
        inset rgb(0 0 0) 2px -4px 12px -2px,
        inset 0px -6px 22px 2px rgba(34, 113, 177, 0.95) !important; */
    box-shadow: inset #f0f0f0f5 0px 50px 100px -20px, inset rgb(173, 173, 173) 0px 30px 60px -30px, inset rgb(0 0 0) 2px -4px 12px -2px, inset 0px -6px 22px 2px rgb(146 147 147 / 95%) !important;
}