/* ===================================================
   U25 Buttons – einheitliches Button-Design (Gutenberg + PHP)
   =================================================== */
/* ---------------------------------------------------
   A) Gutenberg: Gruppe + Varianten über Block-Stile
   --------------------------------------------------- */

/* Gruppe: Abstände/Zeilenumbruch im Gutenberg Buttons-Block */
.wp-block-buttons.u25-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* Default/Primary für alle Buttons in dieser Gruppe */
.wp-block-buttons.u25-buttons .wp-block-button__link {
  background: #607d8b;
  color: #fff;
  border-radius: 10px;
  padding: .6em 1.1em;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
  border: 0;
  cursor: pointer;
}
.wp-block-buttons.u25-buttons .wp-block-button__link:hover,
.wp-block-buttons.u25-buttons .wp-block-button__link:focus {
  background: #455a64;
  color: #fff;
}

/* Outline-Variante: im Button „Stil → Umriss (Outline)“ wählen */
.wp-block-buttons.u25-buttons .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: #455a64;
  box-shadow: inset 0 0 0 2px #90a4ae;
}
.wp-block-buttons.u25-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-buttons.u25-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus {
  box-shadow: inset 0 0 0 2px #607d8b;
  color: #263238;
}

/* Light-Variante: Zusatzklasse am EINZELNEN Button: u25-light */
.wp-block-buttons.u25-buttons .wp-block-button.u25-light .wp-block-button__link {
  background: #eceff1;
  color: #263238;
}
.wp-block-buttons.u25-buttons .wp-block-button.u25-light .wp-block-button__link:hover,
.wp-block-buttons.u25-buttons .wp-block-button.u25-light .wp-block-button__link:focus {
  background: #e0e6e9;
}

/* Größen (optional) am EINZELNEN Button: u25-sm / u25-lg */
.wp-block-buttons.u25-buttons .wp-block-button.u25-sm .wp-block-button__link { padding:.45em .9em; font-size:.95rem; }
.wp-block-buttons.u25-buttons .wp-block-button.u25-lg  .wp-block-button__link { padding:.75em 1.25em; font-size:1.05rem; }

/* Disabled-Zustand optional: Klasse u25-disabled am EINZELNEN Button */
.wp-block-buttons.u25-buttons .wp-block-button.u25-disabled .wp-block-button__link {
  opacity: .6; pointer-events: none;
}


/* ---------------------------------------------------
   B) Utility-Klassen (für PHP/Shortcodes – rückwärtskompatibel)
   --------------------------------------------------- */

/* Container für Button-Gruppen (PHP-Templates) */
.u25-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* Grundstil (wenn direkt .u25-btn verwendet wird) */
.u25-btn,
.u25-btn:link,
.u25-btn:visited {
  display: inline-block;
  padding: .6em 1.1em;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
  cursor: pointer;
  border: 0;
}

/* Varianten */
.u25-btn--primary  { background:#607d8b; color:#fff; }
.u25-btn--primary:hover,
.u25-btn--primary:focus { background:#455a64; color:#fff; }

.u25-btn--outline  { background:transparent; color:#455a64; box-shadow: inset 0 0 0 2px #90a4ae; }
.u25-btn--outline:hover,
.u25-btn--outline:focus { box-shadow: inset 0 0 0 2px #607d8b; color:#263238; }

.u25-btn--light    { background:#eceff1; color:#263238; }
.u25-btn--light:hover,
.u25-btn--light:focus { background:#e0e6e9; }

/* Größen */
.u25-btn--sm { padding:.45em .9em; font-size:.95rem; }
.u25-btn--lg { padding:.75em 1.25em; font-size:1.05rem; }

/* Disabled */
.u25-btn[aria-disabled="true"],
.u25-btn.is-disabled { opacity:.6; pointer-events:none; }