/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ============================================================
   BUTTON HOVER EFFECTS
   ============================================================ */

/* Verwijder standaard Bricks scale + shadow */
.bricks-button {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}
.bricks-button:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Secondary (outlined donkerblauw) -> opvullen, tekst wit */
.bricks-button.secondary:hover {
  background-color: #101122 !important;
  color: #ffffff !important;
}

/* Light-outline (outlined wit) -> opvullen wit, tekst donkerblauw */
.bricks-button.light-outline:hover {
  background-color: #ffffff !important;
  color: #101122 !important;
}

/* Primary (gevuld donkerblauw) -> subtiel lichter */
.bricks-button.primary:hover {
  background-color: #1e2348 !important;
}

/* Light (gevuld wit) -> lichte grijstint */
.bricks-button.light:hover {
  background-color: #e8e8f0 !important;
}

/* Dark button (wit gevuld op donkere sectie) -> grijstint */
.bricks-button.dark:hover {
  background-color: #e8e8f0 !important;
  color: #101122 !important;
}