/* Modern sports-inspired UI layer */
:root {
  --ice-900: #1a1a1a;
  --ice-800: #000000;
  --ice-700: #ffffff;
  --line: #efefef;
  --text: #ffffff;
  --muted: #121212;
  --accent: #ffffff;
  --accent-2: #dfe6ef;
  --ok: #2ecc71;
}

body.modern-theme {
  background: #1a1a1a;
  color: var(--text);
}

body.modern-theme .container.bg-light {
  background: #ffffff !important;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  margin-top: 22px;
  margin-bottom: 22px;
  padding: 18px 20px;
}

body.modern-theme .py-5.text-center,
body.modern-theme footer {
  background: #fafafa;
  color: #6f6f6f;
  border-radius: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

body.modern-theme .py-5.text-center {
  padding-top: 2rem;
}

body.modern-theme h3,
body.modern-theme h4,
body.modern-theme .headline {
  color: #121212;
  letter-spacing: 0.2px;
}

.cerveny {
  color: #d11a2a;
}

body.modern-theme p,
body.modern-theme label,
body.modern-theme .text-muted,
body.modern-theme .form-text,
body.modern-theme .invalid-feedback {
  color: #121212 !important;
}

body.modern-theme a {
  color: #121212;
}

body.modern-theme a:hover {
  color: #2b2b2b;
}

body.modern-theme .form-control,
body.modern-theme .input-group-text {
  background-color: #ffffff;
  border-color: #efefef;
  color: #121212;
}

body.modern-theme .form-control:focus {
  border-color: #d3edfd;
  box-shadow: 0 0 0 0.15rem rgba(211, 237, 253, 0.45);
}

body.modern-theme .form-control::placeholder {
  color: #7d7d7d;
}

body.modern-theme .table {
  color: #121212;
  border-color: #efefef;
}

body.modern-theme .table thead th {
  background: #d3edfd;
  color: #121212;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
}

body.modern-theme .table > :not(caption) > * > * {
  background-color: #ffffff;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 0;
  border-right: 0;
}

body.modern-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #fafafa;
}

body.modern-theme .btn {
  border-radius: 10px;
  border: 0;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

body.modern-theme .btn-primary,
body.modern-theme .btn-modra {
  background: linear-gradient(90deg, #0055e9, #0b63ff);
  color: #ffffff;
}

body.modern-theme .btn-outline-primary,
body.modern-theme .btn-outline-secondary {
  border: 1px solid #0055e9;
  color: #0055e9;
  background: #ffffff;
}

body.modern-theme .btn-primary:hover,
body.modern-theme .btn-modra:hover,
body.modern-theme .btn-outline-primary:hover,
body.modern-theme .btn-outline-secondary:hover {
  background: #0055e9;
  border-color: #0055e9;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 85, 233, 0.28);
  transform: translateY(-1px);
}

body.modern-theme .btn-primary:focus,
body.modern-theme .btn-modra:focus,
body.modern-theme .btn-outline-primary:focus,
body.modern-theme .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 85, 233, 0.25);
}

body.modern-theme .btn-primary:active,
body.modern-theme .btn-modra:active,
body.modern-theme .btn-outline-primary:active,
body.modern-theme .btn-outline-secondary:active {
  transform: translateY(0);
}

body.modern-theme .btn-danger {
  background: #d11a2a;
  color: #fff;
}

body.modern-theme .alert {
  border: 1px solid #4a5565;
  border-radius: 10px;
  color: #121212;
}

body.modern-theme .alert-success {
  background: rgba(38, 204, 113, 0.16);
}

body.modern-theme .alert-warning {
  background: rgba(255, 193, 7, 0.16);
}

body.modern-theme .alert-danger {
  background: rgba(220, 53, 69, 0.2);
}

body.modern-theme #zapl {
  background: #ffffff;
  border: 1px solid #efefef;
  color: #121212;
  width: auto;
  min-width: 340px;
}

body.modern-theme footer a {
  color: #121212;
}

body.modern-theme footer .text-muted {
  color: #6f6f6f !important;
}

body.modern-theme .py-5.text-center h3,
body.modern-theme .py-5.text-center h4,
body.modern-theme .py-5.text-center .headline,
body.modern-theme .py-5.text-center p,
body.modern-theme .py-5.text-center a {
  color: #6f6f6f !important;
}

body.modern-theme .col-md-12.col-lg-12 > h4.mb-3 {
  margin-top: 1rem;
}

body.modern-theme .form-check-input:checked {
  background-color: #0055e9;
  border-color: #0055e9;
}

body.modern-theme .admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

body.modern-theme .admin-actions-item {
  margin: 0;
}

body.modern-theme .admin-actions-item .btn,
body.modern-theme .admin-actions > .btn,
body.modern-theme .admin-actions > a.btn {
  white-space: nowrap;
}

@media (max-width: 576px) {
  body.modern-theme .admin-actions {
    align-items: stretch;
  }

  body.modern-theme .admin-actions-item,
  body.modern-theme .admin-actions-item .btn,
  body.modern-theme .admin-actions > .btn,
  body.modern-theme .admin-actions > a.btn {
    width: 100%;
  }
}

