/**
 * Styles for UAGB button blocks.
 * Customizes appearance, spacing, and responsive behavior for `.uagb-buttons-repeater` and layout wrappers.
 */

/* BUTTONS GLOBAL */
.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"],
.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap .uagb-buttons-repeater {
  font-size: var(--base-font-size);
  font-family: var(--mainfont);
  /* border: 2px solid var(--ast-global-color-0) !important; */
  /* font-weight: 600; */
  letter-spacing: 0.022em;
  padding: 1.09em 2.05em;
  background-color: transparent !important;
  line-height: 1.5;
  /* text-transform: uppercase; */
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
}

/* BUTTONS GRID */
.wp-block-uagb-container.grid-leistungen
  .wp-block-uagb-buttons.uagb-buttons__outer-wrap
  a {
  background-color: var(--ast-global-color-3) !important;
  padding: 0.87em 1.5em;
  line-height: 1.6;
}

.einleitung
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater,
.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"],
.kontakt
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater {
  background-color: var(--ast-global-color-1) !important;
  border-radius: 50px;
  font-weight: 700;
  line-height: var(--button-line-height);
}

/* Hover EFFECTS */
/* menu */
.menu-link {
  transition:
    transform 0.2s ease,
    color 0.2s ease;
}

.menu-link:hover,
.menu-link:focus-visible {
  color: var(--ast-global-color-1) !important;
}

.wp-block-uagb-container.grid-leistungen > .wp-block-uagb-container {
  transition: transform 0.3s ease;
  transform-origin: center;
}

.wp-block-uagb-container.grid-leistungen > .wp-block-uagb-container:hover,
.wp-block-uagb-container.grid-leistungen
  > .wp-block-uagb-container:focus-within {
  transform: translateY(-6px) scale(1.001);
}

/* Both buttons: smooth animation, no effect at rest */
.einleitung
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater,
.kontakt .uagb-buttons-repeater.wp-block-button__link,
.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"] {
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

/* Effects fire ONLY on hover / keyboard focus of the button */
.kontakt .uagb-buttons-repeater.wp-block-button__link:hover,
.kontakt .uagb-buttons-repeater.wp-block-button__link:focus-visible {
  background-color: var(--ast-global-color-0) !important;
}

.einleitung
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater:hover,
.einleitung
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater:focus-visible {
  background-color: var(--ast-global-color-2) !important;
  color: var(--ast-global-color-4);
}

.grid-leistungen a.uagb-buttons-repeater.wp-block-button__link {
  border-radius: 0 !important;
}

.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"]:hover,
.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"]:focus-visible {
  background-color: var(--ast-global-color-2) !important;
  color: var(--ast-global-color-0);
}

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater.ast-outline-button {
  background-color: var(--ast-global-color-0) !important;
  color: #fff !important;
}

.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap
  .uagb-buttons-repeater.ast-outline-button:hover {
  background-color: transparent !important;
}

.uagb-buttons__wrap.uagb-buttons-layout-wrap {
  gap: var(--gap-s) !important;
}

.uagb-buttons-repeater {
  position: relative;
}

/* BUTTON CONTENT */

.uagb-buttons-repeater.wp-block-button__link[href$="#leistungen"] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.8em 1.8em;
}

@media (max-width: 820px) {
  .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    flex-direction: column;
    align-items: stretch !important;
  }
}

@media (max-width: 576px) {
  .wp-block-uagb-buttons-child.uagb-buttons__outer-wrap .uagb-buttons-repeater {
    padding: 0.69em 2.5em;
  }
}