/* Tablice rejestracyjne – style stron bazy i wyszukiwarki. Kolory i fonty dziedziczone z motywu. */
:root {
  --clt-akcent: #003399;
  --clt-zolty: #ffcc00;
  --clt-ramka: #e3e5e8;
  --clt-tlo: #f6f7f9;
}

.clt-karta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 24px;
  align-items: center;
  margin: 28px 0;
  padding: 24px;
  background: var(--clt-tlo);
  border: 1px solid var(--clt-ramka);
  border-radius: 6px;
}

.clt-karta--sama { grid-template-columns: 1fr; }
.clt-tablica-wrap { margin: 0; text-align: center; }
.clt-tablica-wrap figcaption { margin-top: 10px; font-size: 14px; opacity: .75; }

/* tablica 520 × 114 mm w proporcji */
.clt-tablica {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
  max-width: 380px;
  aspect-ratio: 520 / 114;
  background: #fff;
  border: 2px solid #111;
  border-radius: 6px;
  box-shadow: 0 2px 0 #c9ccd1, 0 6px 16px rgba(0, 0, 0, .08);
  overflow: hidden;
  color: #111;
}
.clt-eu {
  flex: 0 0 9%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 6% 0 5%;
  background: var(--clt-akcent);
  color: #fff;
  font: 700 clamp(10px, 2.4vw, 15px)/1 Arial, sans-serif;
}
.clt-gwiazdy {
  width: 70%;
  aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3E%3Cg fill='%23ffcc00'%3E%3Ccircle r='1' cy='-7'/%3E%3Ccircle r='1' cx='3.5' cy='-6.06'/%3E%3Ccircle r='1' cx='6.06' cy='-3.5'/%3E%3Ccircle r='1' cx='7'/%3E%3Ccircle r='1' cx='6.06' cy='3.5'/%3E%3Ccircle r='1' cx='3.5' cy='6.06'/%3E%3Ccircle r='1' cy='7'/%3E%3Ccircle r='1' cx='-3.5' cy='6.06'/%3E%3Ccircle r='1' cx='-6.06' cy='3.5'/%3E%3Ccircle r='1' cx='-7'/%3E%3Ccircle r='1' cx='-6.06' cy='-3.5'/%3E%3Ccircle r='1' cx='-3.5' cy='-6.06'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.clt-znaki {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 clamp(28px, 8vw, 54px)/1 "Arial Narrow", "Roboto Condensed", "Archivo Narrow", Arial, sans-serif;
  letter-spacing: .04em;
  white-space: nowrap;
  font-stretch: condensed;
}

.clt-fakty { width: 100%; margin: 0; border-collapse: collapse; font-size: 15px; }
.clt-fakty th, .clt-fakty td { padding: 7px 0; border-bottom: 1px solid var(--clt-ramka); text-align: left; vertical-align: top; }
.clt-fakty th { width: 42%; padding-right: 12px; font-weight: 400; opacity: .7; }
.clt-fakty tr:last-child th, .clt-fakty tr:last-child td { border-bottom: 0; }

/* wyszukiwarka */
.clt-szukaj { margin: 28px 0; padding: 20px 24px; border: 2px solid #111; border-radius: 6px; }
.clt-szukaj label { display: block; margin-bottom: 10px; font-weight: 700; font-size: 18px; }
.clt-szukaj-pole { display: flex; gap: 8px; }
.clt-szukaj input {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #b8bcc2;
  border-radius: 4px;
  font: 700 20px/1.2 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.clt-szukaj button {
  padding: 12px 22px;
  border: 0;
  border-radius: 4px;
  background: #111;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.clt-szukaj button:hover { background: var(--clt-akcent); }
.clt-wynik { margin: 12px 0 0; min-height: 1.4em; }
.clt-wynik:empty { display: none; }

/* treść */
.clt-serie, .clt-lista { padding-left: 1.2em; }
.clt-lista { columns: 2 220px; column-gap: 32px; }
.clt-lista li { break-inside: avoid; }
.clt-num {
  display: inline-block;
  padding: 1px 8px;
  border: 1px solid #111;
  border-radius: 3px;
  background: #fff;
  font: 700 15px/1.4 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .05em;
  white-space: nowrap;
}
.clt-tabela { overflow-x: auto; margin: 16px 0 24px; }
.clt-tabela table { width: 100%; border-collapse: collapse; font-size: 15px; }
.clt-tabela th, .clt-tabela td { padding: 8px 10px; border-bottom: 1px solid var(--clt-ramka); text-align: left; }
.clt-tabela th { background: var(--clt-tlo); font-weight: 700; }
.clt-tabela td:first-child { white-space: nowrap; }

.clt-faq details { border-bottom: 1px solid var(--clt-ramka); padding: 14px 0; }
.clt-faq summary { cursor: pointer; font-weight: 700; }
.clt-faq details p { margin: 10px 0 0; }

@media (max-width: 720px) {
  .clt-karta { grid-template-columns: 1fr; padding: 16px; }
  .clt-szukaj { padding: 16px; }
  .clt-szukaj-pole { flex-direction: column; }
}