/* =========================================================
   DF BUTTON SYSTEM – UNIFIED (LIGHT + DARK)
   ========================================================= */


/* =========================================================
   BASE (gemeinsam für alle)
   ========================================================= */

.nectar-button,
.df-button,
.df-slider-button,
.df-slider-button-dark,
.wpcf7 .df-submit input[type="submit"],
.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-submit.has-spinner,
.wpcf7 .wpcf7-form-control.wpcf7-submit{

  display:inline-flex;

  padding:12px 28px;

  border:none;
  border-radius:10px;

  font-size:14.8px;
  font-weight:450;
  letter-spacing:.045em;

  line-height:1;

  text-decoration:none;

  will-change: transform;

  transition:
    transform .14s cubic-bezier(0.33,0,0.2,1),
    background .22s ease,
    box-shadow .28s ease,
    color .22s ease;
}


/* =========================================================
   DF BUTTON – SMART CENTERING (WPBAKERY SAFE)
   ========================================================= */

/* AUTO CENTER */

.wpb_text_column p > .df-button:only-child,
.wpb_text_column p > .df-slider-button:only-child,
.wpb_text_column p > .df-slider-button-dark:only-child,
.wpb_text_column p > .nectar-button:only-child,

.boxzilla-content p > .df-button:only-child,
.boxzilla-content p > .df-slider-button:only-child,
.boxzilla-content p > .df-slider-button-dark:only-child,
.boxzilla-content p > .nectar-button:only-child{

  display:flex;

  margin-left:auto;
  margin-right:auto;

  width:fit-content;
}


/* FALLBACK */

.wpb_text_column > .df-button,
.wpb_text_column > .df-slider-button,
.wpb_text_column > .df-slider-button-dark,
.wpb_text_column > .nectar-button,

.boxzilla-content > .df-button,
.boxzilla-content > .df-slider-button,
.boxzilla-content > .df-slider-button-dark,
.boxzilla-content > .nectar-button{

  display:flex;

  margin-left:auto;
  margin-right:auto;

  width:fit-content;
}


/* SAFETY */

.df-button,
.df-slider-button,
.df-slider-button-dark,
.nectar-button{
  max-width:max-content;
}


/* =========================================================
   LIGHT (Default System)
   ========================================================= */

.nectar-button,
.df-button,
.df-slider-button,
.wpcf7 .df-submit input[type="submit"],
.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-submit.has-spinner,
.wpcf7 .wpcf7-form-control.wpcf7-submit{

  background: rgba(252,244,245,0.38);

  backdrop-filter: blur(5px) saturate(102%);
  -webkit-backdrop-filter: blur(5px) saturate(102%);

  color: rgba(147,84,59,0.90);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.36),
    inset 0 0 0 0.5px rgba(215,130,140,0.08);
}


/* Hover – LIGHT */

.nectar-button:hover,
.df-button:hover,
.df-slider-button:hover,
.wpcf7 .df-submit input[type="submit"]:hover,
.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-submit.has-spinner:hover,
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover{

  background: rgba(252,244,245,0.46);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.42),
    inset 0 0 0 0.5px rgba(215,130,140,0.12);

  transform: translateY(0.2px);
}


/* =========================================================
   DARK (invertiertes Material)
   ========================================================= */

.df-slider-button-dark{

  background: rgba(60,32,32,0.28);

  backdrop-filter: blur(6px) saturate(105%);
  -webkit-backdrop-filter: blur(6px) saturate(105%);

  color: rgba(255,235,235,0.82);

  box-shadow:
    inset 0 1px 0 rgba(255,245,245,0.22),
    inset 0 0 0 0.5px rgba(215,150,150,0.14);
}


/* Hover – DARK */

.df-slider-button-dark:hover{

  background: rgba(60,32,32,0.36);

  box-shadow:
    inset 0 1px 0 rgba(255,245,245,0.28),
    inset 0 0 0 0.5px rgba(215,150,150,0.18);

  transform: translateY(0.2px);
}


/* =========================================================
   ACTIVE
   ========================================================= */

.nectar-button:active,
.df-button:active,
.df-slider-button:active,
.df-slider-button-dark:active,
.wpcf7 .df-submit input[type="submit"]:active,
.wpcf7 input.wpcf7-submit:active,
.wpcf7 input.wpcf7-submit.has-spinner:active,
.wpcf7 .wpcf7-form-control.wpcf7-submit:active{

  transform: translateY(0.45px);
}