/* Bootstrap 5.3 + vecā tēma (stylee19.css, skins/green.css, pieteiksanass.css), kas rakstīta Bootstrap 3.
   Šeit tikai tas, kas pēc pārejas uz Bootstrap 5 izskatījās citādi. */

/* Atbalstītāju logo – rindās kā agrāk (BS5 .row bērnus padara 100% platus) */
.nz-sponsor-row { margin: 0 -12px; }
.nz-sponsor-row::after { content: ""; display: table; clear: both; }

/* Konteinera platums un atstarpes kā Bootstrap 3 (BS5: 1320 px un 24 px) */
.container, .row { --bs-gutter-x: 30px; }
@media (min-width: 768px)  { .container { max-width: 750px; } }
@media (min-width: 992px)  { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1170px; } }

/* Saites bez pasvītrojuma (BS5 pasvītro pēc noklusējuma), kā vecajā lapā */
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
.btn:hover, .btn:focus, .nz-banner a:hover, #sponsors a:hover { text-decoration: none; }

/* Formu/sarakstu fieldset atrodas tieši .row iekšā – BS5 tos padara 100% platus, un ar tēmas malām tie izspiežas ārpus ekrāna */
.row > fieldset { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }

/* ---- Dalībnieku saraksts (pieteikums/teams.php, DataTables) ---- */
.nz-groups { margin: 6px 0 10px; }
.nz-groups__row { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 3px; }
a.nz-group-btn, a.nz-group-btn:link, a.nz-group-btn:visited {
  flex: 1 1 0; min-width: 52px; padding: 4px 4px; text-align: center; font-size: 80%; line-height: 1.3;
  color: #fff; background: #26aae1; border: 1px solid #26aae1; border-radius: 2px;
}
a.nz-group-btn:hover, a.nz-group-btn:focus { color: #fff; background: #d20909; border-color: #d20909; text-decoration: none; }
a.nz-group-btn.active { background: #1673c4; border-color: #0d4f8a; font-weight: 600; }
.nz-legend { font-size: 85%; margin: 6px 0 10px; line-height: 1.8; }
.nz-legend img { margin-left: 6px; vertical-align: -3px; }
.nz-legend img:first-child { margin-left: 0; }
.nz-teams-wrap { background: #fff; border: 1px solid #26aae1; border-radius: 6px; padding: 8px; margin-bottom: 15px; }
table.nz-teams { font-size: 14px; }
table.nz-teams td, table.nz-teams th { vertical-align: middle; }
table.nz-teams img { vertical-align: middle; }
@media (max-width: 767px) {
  .nz-col-club { display: none; }                 /* telefonā klubs/pilsēta nav redzams */
  table.nz-teams { font-size: 13px; }
  .nz-teams-wrap { padding: 4px; }
  a.nz-group-btn { min-width: 46px; font-size: 75%; }
}
a.nz-group-btn.active { color: #fff; }
table.nz-teams thead th { white-space: nowrap; font-size: 13px; }
@media (max-width: 575px) { .nz-col-dist { display: none; } }  /* šaurā ekrānā distanci rāda grupa (VT-40 utt.) */
.nz-teams-wrap { overflow-x: auto; }
/* Kļūdu lapa (pieteikums/err_top.php): garš teksts pogās/virsrakstos lūzt, nevis izspiež lapu */
.btn { white-space: normal; }
h1, h2, h3, h4, .p_error { overflow-wrap: anywhere; }

/* Teksta izmēri kā Bootstrap 3 (tēma rēķinās ar 14 px pamatu; BS5 – 16 px un lielāki virsraksti) */
body { font-size: 14px; line-height: 1.428571; }
h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; }
.form-control, .form-select, .btn, .input-group-text { font-size: 14px; }
.dt-container { font-size: 14px; }

/* Tēmas pogas: BS5 .btn krāsas ņem no mainīgajiem (citādi hover/disabled kļūst caurspīdīgas) */
.btn-theme {
  --bs-btn-color: #fff; --bs-btn-bg: #26aae1; --bs-btn-border-color: #26aae1;
  --bs-btn-hover-color: #eee; --bs-btn-hover-bg: #1e96c9; --bs-btn-hover-border-color: #1e96c9;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #1a86b4; --bs-btn-active-border-color: #1a86b4;
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #26aae1; --bs-btn-disabled-border-color: #26aae1;
  --bs-btn-disabled-opacity: .65;
}

/* BS5 <legend> peld pa kreisi – tēmas rāmītis tad nobīda blakus saturu (BS3: bloks) */
legend { float: none; }
legend + * { clear: none; }

/* BS3 <label> bija treknrakstā (piem. "Esi jau piedalījies? Atrodi sevi…") */
label { font-weight: 700; margin-bottom: 5px; }
.form-check-label { font-weight: normal; }

/* input-group (starta numura rezervācija): tēmas .inpmar atstarpe padarīja pogu augstāku par lauku */
.input-group > .form-control { margin-top: 0; margin-bottom: 0; }
/* … un tēmas .btn fiksētais augstums/atstarpe – pogai jābūt tikpat augstai kā laukam (piem. "Aizpildīt" DB meklēšanā) */
.input-group > .btn { height: auto; margin-top: 0; margin-bottom: 0; }

/* Kļūdas lapa (pieteikums/err_top.php + err_botom.php) */
.nz-error-page { padding-top: 10px; padding-bottom: 30px; }
.nz-error-page h3 { color: #d20909; margin-bottom: 15px; }
.nz-error { font-size: 15px; line-height: 1.5; }
.nz-error-en { display: inline-block; margin-top: 4px; font-size: 13px; opacity: .8; }
.nz-error-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.nz-error-help { font-size: 14px; color: #444; }

/* Reģistrācijas formas poga "Uz nākamo soli" – tikpat plata kā fieldset virs tās */
.row > .nz-form-actions { flex: 1 1 0; min-width: 0; margin: 10px 10px 10px 30px; padding: 0; }
/* "Esi jau piedalījies? Atrodi sevi" – DALĪBNIEKA DATI fieldset iekšā */
.piet_dal > .nz-people-search { margin: 5px 0 15px; }

/* Reģistrācijas 2. solis modālajā logā (pieteikums/check_modal.php) */
.nz-step2-modal .modal-body { overflow-x: hidden; }
.nz-step2-modal .row > fieldset,
.nz-step2-modal .row > .nz-form-actions { margin: 10px 15px; }
.nz-step2-modal .modal-title { font-size: 16px; font-weight: bold; }

/* Statistikas bloks: distanču un valstu lodziņi (statistika_grupas_.php) – pilnā kolonnas platumā, kā progresa josla */
.nz-stat-dist { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 3px 0 10px; }
.nz-stat-dist > div { width: auto; margin: 0; }
.nz-stat-dist > .b15, .nz-stat-dist > .b15a { grid-column: 1 / -1; }

/* Reģistrācijas 1. solis: kļūdainie lauki (validationn2018.js – .is-invalid) */
#pieteikums1 .form-control.is-invalid,
#pieteikums1 .form-select.is-invalid { border-color: #dc3545; background-color: #fff5f5; }
#pieteikums1 .form-control.is-invalid:focus,
#pieteikums1 .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25); }

/* Reģistrācijas 2. solis: kļūdainie lauki (validation_2_karta2018.js – .is-invalid) */
#pieteikums2 .form-control.is-invalid { border-color: #dc3545; background-color: #fff5f5; }
#pieteikums2 input[type="radio"].is-invalid,
#pieteikums2 input[type="checkbox"].is-invalid { outline: 2px solid #dc3545; outline-offset: 2px; }

/* Atstarpe starp galvenes baneri un satura virsrakstiem (h3 kolonnu augšā) */
#content > .container { padding-top: 15px; }

/* Statistikas bloks: valstu karodziņi 16px augsti, cipars vertikāli centrēts pret karodziņu */
.nz-stat-dist > .b15a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px 12px; padding: 3px 4px; }
.nz-stat-flag { display: inline-flex; align-items: center; gap: 4px; line-height: 1; }
.nz-stat-flag img { height: 16px; width: auto; display: block; }

/* Dalībnieku saraksts: DataTables rindām bez vietnes 30px atstarpes (citādi tās izspiežas un rāmī rodas horizontālā ritjosla) */
.nz-teams-wrap .dt-container > .row { --bs-gutter-x: 0; }
.nz-teams-wrap .dt-search { display: flex; align-items: center; gap: 6px; }
@media (max-width: 575px) {
  .nz-teams-wrap .dt-length { display: none; }        /* telefonā rāda visus, izvēlne nav vajadzīga */
  .nz-teams-wrap .dt-search { margin: 4px 0 6px; }
  .nz-teams-wrap .dt-search input { flex: 1; margin-left: 0 !important; width: auto; }
}

/* Telefonā formas laukiem 16px – citādi iPhone Safari, pieskaroties laukam (piem. DB meklēšanai), pietuvina visu lapu */
@media (max-width: 575px) {
  .form-control, .form-select { font-size: 16px; }
}

/* Telefonā reģistrācijas forma kompaktāka: tēmas 25px zem katra lauka + 16px zem rindas → vienmērīgi 12px starp laukiem */
@media (max-width: 575px) {
  #pieteikums1 .piet_dal [class*="col-"] > .form-control,
  #pieteikums1 .piet_dal [class*="col-"] > .form-select { margin-bottom: 12px; }
  #pieteikums1 .piet_dal .mb-3.row { margin-bottom: 0 !important; }
}
@media (max-width: 767px) { .nz-desk-spacer { display: none; } }  /* participant.php: "Valsts" līdzināšanas tukšā rinda */

/* 2. solis: izvēlētie posmi saraksta veidā (telefonā tabulas vietā) */
.nz-stage-list { list-style: none; padding: 6px 10px; margin: 4px 0 10px; border: 1px solid #dee2e6; border-radius: 4px; background: #fff; }
.nz-stage-list li { padding: 2px 0; }

/* Telefonā reģistrācijas sadaļas kompaktākas: virsraksts (legend) pa saturu, nevis 50% platumā; mazāk tukšas vietas */
@media (max-width: 575px) {
  #pieteikums1 legend, #pieteikums2 legend { width: auto; max-width: calc(100% - 30px); margin-left: 15px; }
  #pieteikums2 fieldset { padding-bottom: 10px; }
  #pieteikums2 .mb-3 { margin-bottom: 8px !important; }
  #pieteikums2 #chosen_number { margin-bottom: 0; }
}

/* Pieteikums saņemts (pieteikums/nosutits.php) */
.nz-sent { max-width: 640px; margin-bottom: 20px; }
.nz-sent .nz-stage-list { max-width: 320px; }
.nz-sent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.nz-sent-actions .btn { flex: 1 1 220px; }
/* Saite kā poga: tēmas a:link/a:visited krāsa (skins/green.css) citādi pārraksta pogas teksta krāsu */
a.btn:link, a.btn:visited { color: var(--bs-btn-color); }
a.btn:hover, a.btn:focus { color: var(--bs-btn-hover-color); }
.nz-sent-actions .btn-outline-secondary { --bs-btn-bg: #fff; --bs-btn-color: #26aae1; --bs-btn-border-color: #26aae1; --bs-btn-hover-bg: #26aae1; --bs-btn-hover-border-color: #26aae1; --bs-btn-hover-color: #fff; }

/* VIP pieteikšanās (pieteikums.php, includes/vip.php) */
.nz-vip-star { color: #f0b400; }
.nz-vip-info .fa-star { color: #f0b400; }

/* Maksājuma statusa ikonas (includes/status_icons.php) – sarakstā un leģendā */
.nz-st { display: inline-flex; vertical-align: middle; line-height: 0; }
.nz-legend > span { display: inline-flex; align-items: center; gap: 5px; margin-right: 14px; white-space: nowrap; }
@media (max-width: 575px) { .nz-legend > span { white-space: normal; } }
