/*
 * UFP Styles
 * Dual License: GPLv3 + Commercial
 * Author: DgtalFairness | https://universalfairnessprotocol.com
 */

/* Layout & Base */
body {
    background-color: #f8f9fa;
}
.card {
    border-radius: 12px;
}
.card-header {
    font-weight: bold;
    font-size: 1.1rem;
}
.bg-light-gray {
    background-color: #f8f9fa !important;
}
.top-bar-header,
.top-nav-bar-header {
    background-color: #2e4b76;
}

/* Tables */
.table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
}
.table th,
.table td {
    vertical-align: middle;
}
.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}
.table.table-striped tbody tr:nth-of-type(even) {
    background-color: #f8f9fa !important;
}

/* 🏷️ Badges */
.badge {
    font-size: 0.9rem;
    padding: 0.4em 0.6em;
}

/* Forms */
textarea.form-control {
    background-color: #fdfdfd;
    font-family: monospace;
}
.btn-dark,
.btn-warning {
    font-weight: 500;
    border-radius: 6px;
}

/* List Group Striping */
#prizeBreakdownList .list-group-item:nth-child(odd) {
    background-color: #f2f2f2;
}
#prizeBreakdownList .list-group-item:nth-child(even) {
    background-color: #ffffff;
}
.card-body > li.list-group-item {
    border-radius: 0;
    border: none;
}

/* Text Handling */
.text-wrap {
    word-break: break-word;
    white-space: normal;
}

.segment-pill {
  display: inline-block;
  max-width: 75%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 4px 10px;
  border-radius: 12px;
  font-family: monospace;
  font-size: 0.85rem;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
  width: 100%;
  text-align: center;
}

.segment-pill-default {
  background-color: #f8f9fa;
  color: #333;
}

.segment-pill-user {
  background-color: #d1e7dd; /* light green */
  color: #0f5132;            /* dark green text */
  border: 1px solid #0f5132;
}

.hover-grow {
  transition: transform 0.2s ease-in-out;
  display: inline-block; /* Required to allow transform to work */
}

.hover-grow:hover {
  transform: scale(1.4);
}

/* Breathing Glow Effect */
.breathing-glow {
    animation: breatheGlow 1.8s ease-in-out infinite;
    animation-delay: 0s !important;
    animation-play-state: running !important;
    box-shadow: 0 0 0 rgba(0, 123, 255, 0.5);
}

@keyframes breatheGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 10px 6px rgba(0, 123, 255, 0.4);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
    }
}

#checkinButton.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Custom override for all dark badges */
.badge.bg-dark {
    background-color: #2e4b76 !important; /* your custom color */
    color: #fff !important;            /* white text for contrast */
    border-radius: 6px;                /* optional: smooth edges */
    padding: 0.4em 0.6em;              /* optional: tweak spacing */
}