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


/* ===================================================== */
/* 1) GLOBAL GRADIENT BUTTON STYLE (kivéve blog + filter) */
/* ===================================================== */

input[type="submit"]:not(.card-blog-31__btn),
input[type="button"]:not(.card-blog-31__btn),
input[type="reset"]:not(.card-blog-31__btn){
  background-image: linear-gradient(
    to bottom,
    var(--primary),
    var(--primary-d-1)
  ) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}


/* ===================================================== */
/* 1/B) BRICKS FILTER RADIO "GOMBOK" (külön kezeljük)     */
/*    - active: normál gradient                           */
/*    - inaktív: fordított gradient                       */
/* ===================================================== */

/* alap reset + kinézet */
.brx-filter-radio .brx-option-text{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: var(--space-xs) var(--space-m);
  border-radius: var(--radius-xl);

  border: 0 !important;
  text-decoration: none !important;

  /* alap (inaktív) = FORDÍTOTT gradient */
  background-image: linear-gradient(
    to bottom,
    var(--primary-d-1),
    var(--primary)
  ) !important;

  color: var(--light) !important;
  opacity: .45; /* ettől látszik, hogy nem aktív */
}

/* hover (inaktívnál is legyen “élő”) */
.brx-filter-radio .brx-option-text:hover{
  opacity: .75;
}

/* aktív opció = normál gradient + full opacity */
.brx-filter-radio .brx-option-text.brx-option-active,
.brx-filter-radio .brx-option-active .brx-option-text{
  background-image: linear-gradient(
    to bottom,
    var(--primary),
    var(--primary-d-1)
  ) !important;

  color: var(--light) !important;
  opacity: 1 !important;
}

/* a tényleges radio input maradjon rejtve (ha kell) */
.brx-filter-radio input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ========================================== */
/* 2) MENU UTOLSÓ PONT = CTA GOMB (GRADIENT)   */
/* ========================================== */

.header-1__menu .bricks-nav-menu-wrapper .bricks-nav-menu > li:last-child > a{
  background-image: linear-gradient(
    to bottom,
    var(--primary),
    var(--primary-d-1)
  ) !important;
  background-color: transparent !important;
  color: var(--light) !important;
  padding: var(--space-xs) var(--space-m);
  border-radius: var(--radius-xl);
  border: 0 !important;
}

.header-1__menu .bricks-nav-menu-wrapper .bricks-nav-menu > li:last-child > a:hover{
  background-image: linear-gradient(
    to bottom,
    var(--primary-d-1),
    var(--primary-d-2)
  ) !important;
  color: var(--light) !important;
}


/* ================================= */
/* 3) LOGO CSERE SCROLLRA             */
/* ================================= */

.logo-invert{ display: none; }
.brx-sticky-active .logo-default{ display: none; }
.brx-sticky-active .logo-invert{ display: block; }