/* /assets/css/custom.css */


/* Hides the actual radio button input */
.bedroom-radio {
  display: none;
}

/* 
  Styles the label. When its associated radio button is checked (using the `+` sibling selector), 
  it applies the "active" styles, providing the toggle effect.
  We use CSS variables for colors to respect Hextra's dark/light mode theming.
*/
.bedroom-radio:checked + label {
  background-color: var(--hextra-primary-600);
  color: white;
  border-color: var(--hextra-primary-600);
}

/*
  This targets any element with the .botao class inside the hero buttons container.
  The !important flag is crucial to override the theme's default utility classes.
*/
.hextra-hero-buttons .botao {
    margin-top: 20px !important;
}

.hextra-hero-buttons a {
    margin-top: 20px !important;
}