/*
 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
*/

form.searchwp-form .searchwp-form-input-container {
	justify-content: center !important;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
	max-width:60ch;
}
.swp-button {
	display:none;
}

/* --- Brand Palette Mapping --- */
:root {
  --wp--preset--color--brand-blue:  var(--secondary);
  --wp--preset--color--brand-pink:  var(--accent);
  --wp--preset--color--brand-green: var(--primary);
  --wp--preset--color--white:       #FFFFFF;
}

/* Text color helpers */
.has-brand-blue-color  { color: var(--wp--preset--color--brand-blue); }
.has-brand-pink-color  { color: var(--wp--preset--color--brand-pink); }
.has-brand-green-color { color: var(--wp--preset--color--brand-green); }
.has-white-color       { color: var(--wp--preset--color--white); }

/* Background color helpers */
.has-brand-blue-background-color  { background-color: var(--wp--preset--color--brand-blue); }
.has-brand-pink-background-color  { background-color: var(--wp--preset--color--brand-pink); }
.has-brand-green-background-color { background-color: var(--wp--preset--color--brand-green); }
.has-white-background-color       { background-color: var(--wp--preset--color--white); }

/* --- Button Block Styling --- */
.wp-block-button .wp-block-button__link.has-brand-blue-background-color  { background-color: var(--wp--preset--color--brand-blue);  color:#fff; }
.wp-block-button .wp-block-button__link.has-brand-pink-background-color  { background-color: var(--wp--preset--color--brand-pink);  color:#fff; }
.wp-block-button .wp-block-button__link.has-brand-green-background-color { background-color: var(--wp--preset--color--brand-green); color:#fff; }
.wp-block-button .wp-block-button__link.has-white-background-color       { background-color: var(--wp--preset--color--white);       color:#111; }

/* Hover states — Green uses dedicated hover var */
.wp-block-button .wp-block-button__link.has-brand-green-background-color:hover,
.wp-block-button .wp-block-button__link.has-brand-green-background-color:focus {
  background-color: var(--primary-hover);
}
.wp-block-button .wp-block-button__link.has-brand-blue-background-color:hover,
.wp-block-button .wp-block-button__link.has-brand-blue-background-color:focus {
  background-color: var(--secondary-hover);	
}
.wp-block-button .wp-block-button__link.has-brand-pink-background-color:hover,
.wp-block-button .wp-block-button__link.has-brand-pink-background-color:focus {
  background-color: var(--accent-hover);
}

/* Outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border: 2px solid currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-brand-blue-color  { color: var(--wp--preset--color--brand-blue); }
.wp-block-button.is-style-outline .wp-block-button__link.has-brand-pink-color  { color: var(--wp--preset--color--brand-pink); }
.wp-block-button.is-style-outline .wp-block-button__link.has-brand-green-color { color: var(--wp--preset--color--brand-green); }
.wp-block-button.is-style-outline .wp-block-button__link.has-white-color       { color: var(--wp--preset--color--white); }

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
  background-color: currentColor;
  color: #fff;
}

#brxe-jpebzd iframe {
	width: 600px;
    height: 500px;
    border: none;
}

form.searchwp-form .searchwp-form-input-container .swp-input {
    font-size: var(--text-l);
    padding: 30px;
}