/**
 * @file
 * Main theme stylesheet for Adler-Apotheke Bootstrap 5 Subtheme
 */

/* General Container & Layout Helpers */
.adlapo-b5-theme {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-content-wrapper {
  flex: 1 0 auto;
}

/* Button Variants with Adler-Apotheke CI */
.btn-primary,
.btn-adl-purple {
  background-color: var(--adl-purple);
  border-color: var(--adl-purple);
  color: #ffffff;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: var(--adl-radius-md);
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-adl-purple:hover,
.btn-adl-purple:focus {
  background-color: var(--adl-purple-hover);
  border-color: var(--adl-purple-hover);
  color: #ffffff;
}

.btn-success,
.btn-adl-green {
  background-color: var(--adl-green);
  border-color: var(--adl-green);
  color: #ffffff;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: var(--adl-radius-md);
  transition: all 0.2s ease-in-out;
}

.btn-success:hover,
.btn-success:focus,
.btn-adl-green:hover,
.btn-adl-green:focus {
  background-color: var(--adl-green-hover);
  border-color: var(--adl-green-hover);
  color: #ffffff;
}

.btn-danger,
.btn-adl-red {
  background-color: var(--adl-red);
  border-color: var(--adl-red);
  color: #ffffff;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: var(--adl-radius-md);
  transition: all 0.2s ease-in-out;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-adl-red:hover,
.btn-adl-red:focus {
  background-color: var(--adl-red-hover);
  border-color: var(--adl-red-hover);
  color: #ffffff;
}

/* Card Modern Styling */
.card {
  border: 1px solid var(--adl-border-color);
  border-radius: var(--adl-radius-lg);
  background-color: var(--adl-bg-surface-elevated);
  box-shadow: var(--adl-shadow-sm);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  box-shadow: var(--adl-shadow-md);
}

/* Status Badges */
.badge-adl-green {
  background-color: var(--adl-green-bg);
  color: var(--adl-green);
  border: 1px solid var(--adl-green-border);
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: var(--adl-radius-full);
}

.badge-adl-red {
  background-color: var(--adl-red-light);
  color: var(--adl-red);
  border: 1px solid rgba(200, 16, 46, 0.25);
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: var(--adl-radius-full);
}