/* ==========================================================================
   End-of-Game Overlay — Shared Component
   Prefix: .eog-*
   Used by: Flip, Yatzy, Matches, future games
   ========================================================================== */

/* Modal overrides for end-of-game */
.eog-modal .modal-content {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
}

.eog-modal .modal-body {
  padding: 2rem 1.5rem;
}

/* Section 1: Icon + Message */
.eog-icon {
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: 0.75rem;
}

.eog-icon-win {
  color: #ffc107; /* Bootstrap warning/gold */
}

.eog-icon-loss {
  color: #6c757d; /* Bootstrap secondary/muted */
}

.eog-message {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.eog-subtitle {
  color: #6c757d;
  font-size: 1rem;
  margin-bottom: 0;
}

/* Section 2: Reward Summary */
.eog-rewards {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.eog-fp-display {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.eog-fp-positive {
  color: #ffc107;
}

.eog-fp-negative {
  color: #dc3545;
}

.eog-fp-label {
  font-size: 1rem;
  font-weight: 600;
  margin-left: 0.25rem;
}

.eog-guest-cta {
  margin-top: 0.75rem;
}

.eog-achievements {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.eog-achievement {
  font-size: 0.9rem;
  color: #6c757d;
}

.eog-achievement i {
  color: #ffc107;
  margin-right: 0.35rem;
}

.eog-streak {
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #fd7e14; /* Bootstrap orange */
  font-weight: 600;
}

/* Section 3: Primary Action */
.eog-primary-action {
  margin-top: 1.5rem;
}

.eog-primary-action .btn {
  min-width: 220px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 0.5rem;
}

/* Section 4: Secondary Action */
.eog-secondary-action {
  margin-top: 0.75rem;
}

.eog-secondary-action a,
.eog-secondary-action button {
  color: #6c757d;
  text-decoration: none;
  font-size: 0.9rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.eog-secondary-action a:hover,
.eog-secondary-action button:hover {
  color: #495057;
  text-decoration: underline;
}

/* Divider between rewards and actions */
.eog-divider {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 1.25rem 0;
}

/* --- Responsive --- */
@media (max-width: 575.98px) {
  .eog-modal .modal-body {
    padding: 1.5rem 1rem;
  }

  .eog-icon {
    font-size: 3rem;
  }

  .eog-message {
    font-size: 1.25rem;
  }

  .eog-fp-display {
    font-size: 1.75rem;
  }

  .eog-primary-action .btn {
    width: 100%;
  }
}

/* --- Admin Preview Cards (F12) --- */
.eog-preview-card {
  border-radius: 1rem;
  overflow: hidden;
}

.eog-preview-card .card-header {
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}