/*
 * assets/css/erwartet_badge.css
 *
 * Badge für Damen die in der Zimmerplanung als „erwartet" markiert sind
 * Stil: Banner-Gold mit dunklem Text, oben rechts auf der Karte
 * Eingebunden über includes/header.php
 */

.glc-badge-erwartet {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 4;
  background: linear-gradient(135deg, #2e7d32, #1b5e20);
  color: #fff;
  font-family: 'Outfit', 'Arial', sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 12px 6px 10px;
  border-radius: 0;
  box-shadow: 0 2px 12px rgba(46, 125, 50, .55), 0 0 0 1px rgba(255,255,255,.08) inset;
  white-space: nowrap;
  pointer-events: none;
  /* Leichte Animation um Aufmerksamkeit zu lenken */
  animation: erwartetPulse 3.5s ease-in-out infinite;
}

/* Wenn schon ein Highlight-Stern oben rechts hängt, das Badge etwas darunter platzieren */
.girl-luxury-card .glc-image:has(.glc-badge-highlight) .glc-badge-erwartet {
  top: 2.6rem;
}

@keyframes erwartetPulse {
  0%, 100% { box-shadow: 0 2px 12px rgba(46, 125, 50, .55), 0 0 0 1px rgba(255,255,255,.08) inset; }
  50%      { box-shadow: 0 2px 22px rgba(46, 125, 50, .85), 0 0 0 1px rgba(255,255,255,.18) inset; }
}

/* Mobilversion: kleiner */
@media (max-width: 640px) {
  .glc-badge-erwartet {
    font-size: .6rem;
    padding: 4px 9px;
    top: .65rem;
    right: .65rem;
  }
}