/* ═══════════════════════════════════════════════════════════
   OLYMPUS REBORN IDLE — ui.css
════════════════════════════════════════════════════════════ */

/* Boutons génériques */
.btn-primary {
  font-family: var(--font-ui);
  font-size: 16px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--col-bg);
  background: linear-gradient(135deg, var(--col-gold), var(--col-amber));
  border: none;
  border-radius: var(--radius-sm);
  padding: 8px 18px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 10px rgba(200,149,26,0.3);
}
.btn-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(200,149,26,0.5);
}
.btn-primary:active { transform: translateY(0); }
.btn-primary:disabled {
  opacity: 0.4; cursor: not-allowed;
  transform: none; box-shadow: none;
}

/* Panel générique */
.panel {
  background: linear-gradient(135deg, rgba(14,11,30,0.97), rgba(20,16,38,0.97));
  border: 1px solid var(--col-border-gold);
  border-radius: var(--radius);
  box-shadow: 0 16px 48px rgba(0,0,0,0.7), 0 0 0 1px rgba(200,149,26,0.05) inset;
}

/* Notification flottante */
.floating-text {
  position: absolute;
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  color: var(--col-gold-light);
  pointer-events: none;
  z-index: 300;
  text-shadow: 0 0 8px var(--col-gold);
  animation: floatUp 1.2s ease forwards;
}