/* =========================================================
   CORE SETUP & TOKENS
   ========================================================= */

.link-iduwa {
  color: var(--iduwa-orange);
  text-decoration: none;
  font-weight: 600; /* 'bold' oder 600 für bessere Sichtbarkeit */
  display: inline-block; /* Vergrößert die Klickfläche minimal */
  padding: 2px 0; /* Bessere Haptik auf Touch-Displays */
}

.link-iduwa:hover {
  color: var(--iduwa-grey) !important;
  text-decoration: none;
}
.link-hover-white:hover {
  color: var(--brand-idu) !important;
  text-decoration: underline;
}

.btn-iduwa-orange,
.btn-iduwa-grey {
  height: 48px; /* Kompakter und eleganter */
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 4px !important;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px !important; /* Dünnerer, feinerer Border */
}

/* Orange -> Grey */
.btn-iduwa-orange {
  background-color: var(--iduwa-orange) !important;
  color: #fff !important;
  border-color: var(--iduwa-grey) !important;
}

.btn-iduwa-orange:hover {
  background-color: var(--iduwa-grey) !important;
  color: var(--iduwa-orange) !important;
  border-color: var(--iduwa-orange) !important;
}

/* Grey -> Orange */
.btn-iduwa-grey {
  background-color: var(--iduwa-grey) !important;
  color: #fff !important;
  border-color: var(--iduwa-orange) !important;
}

.btn-iduwa-grey:hover {
  background-color: var(--iduwa-orange) !important;
  color: #fff !important;
  border-color: var(--iduwa-grey) !important;
}
/* =========================================================
   TYPOGRAPHY & TEXT UTILITIES
   ========================================================= */

.iduwa-logo {
  font-weight: 800;
  letter-spacing: 1px;
}

.x-small {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
}

.text-orange {
  color: var(--iduwa-orange) !important;
}