/*
 * Minimal, SCOPED component styles for the BetriebsFerien front-end.
 *
 * Replaces the vendored Bootstrap CSS, whose global reboot + generic component
 * rules (e.g. `.collapse:not(.show){display:none}`) leaked onto the host theme
 * and broke unrelated elements like the FAQ accordions. Everything here is
 * scoped under `.bf-wrap` (the wrapper around every plugin front-end output),
 * so it can never affect the surrounding site. Only the handful of Bootstrap
 * classes our markup actually uses are provided: .btn (+ variants),
 * .form-control, .form-select.
 */

.bf-wrap .btn {
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .375rem;
  text-decoration: none;
  background: #e9ecef;
  color: #212529;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
}
.bf-wrap .btn:hover { filter: brightness(.97); }
.bf-wrap .btn:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(255, 221, 0, .4); }

.bf-wrap .btn-warning { background: #ffdd00; border-color: #ffdd00; color: #1a1a1a; }
.bf-wrap .btn-warning:hover { background: #eccb00; border-color: #eccb00; color: #1a1a1a; }

.bf-wrap .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .25rem; }

.bf-wrap .btn-link {
  background: none;
  border-color: transparent;
  color: #0d6efd;
  text-decoration: underline;
  padding: .375rem .25rem;
}
.bf-wrap .btn-link:hover { color: #0a58ca; }

.bf-wrap .btn-outline-danger { background: #fff; border-color: #dc3545; color: #dc3545; }
.bf-wrap .btn-outline-danger:hover { background: #dc3545; color: #fff; }

.bf-wrap .btn-outline-secondary { background: #fff; border-color: #6c757d; color: #6c757d; }
.bf-wrap .btn-outline-secondary:hover { background: #6c757d; color: #fff; }

.bf-wrap .form-control,
.bf-wrap .form-select {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  box-sizing: border-box;
  margin: 0;
}
.bf-wrap .form-control:focus,
.bf-wrap .form-select:focus {
  outline: 0;
  border-color: #ffdd00;
  box-shadow: 0 0 0 3px rgba(255, 221, 0, .2);
}

.bf-wrap .form-select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  padding-right: 2.25rem;
}