/* TALENTIQ Careers — design matching talentiq.cz */

* { scroll-behavior: smooth; }

/* Karty */
.job-card {
  transition: transform 0.2s ease, box-shadow 0.3s ease, border-color 0.2s ease;
}
.job-card:hover {
  transform: translateY(-3px);
}

/* Prose styly pro popis pozice */
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #001328;
}
.prose h1 { font-size: 1.5rem; }
.prose h2 { font-size: 1.25rem; }
.prose h3 { font-size: 1.125rem; }

/* Stejné mezery jako inzerát na Loxo: řádky bez marginu, prázdné řádky dělá <p><br></p> */
.prose p {
  margin: 0;
  line-height: 1.5;
  color: #475467;
}

/* Dlouhé URL/řetězce v popisu nesmí přetéct na mobilu; tabulky scrollují vodorovně */
.prose { overflow-wrap: break-word; }
.prose table { display: block; overflow-x: auto; max-width: 100%; }

/* iOS Safari zoomuje stránku při fokusu na pole s písmem < 16px → na mobilu vynutíme 16px */
@media (max-width: 640px) {
  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], select, textarea {
    font-size: 16px;
  }
}

.prose ul, .prose ol {
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.prose ul { list-style-type: disc; }
.prose ol { list-style-type: decimal; }

.prose li {
  margin-bottom: 0.35em;
  line-height: 1.5;
  color: #475467;
}

.prose a {
  color: #25cc71;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.prose a:hover {
  color: #16a34a;
}

.prose table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}
.prose th, .prose td {
  padding: 0.625em 0.875em;
  border: 1px solid #e7e7e7;
  text-align: left;
}
.prose th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #001328;
}

/* Inline styly z Loxo popisu — resetujeme */
.prose [style] {
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

/* Badge */
.tq-badge {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tq-badge-bodyshop { background: #dbeafe; color: #1e40af; }
.tq-badge-hpp      { background: #dcfce7; color: #166534; }
.tq-badge-io       { background: #fef3c7; color: #92400e; }
.tq-badge-internal { background: #ede9fe; color: #5b21b6; }

/* line-clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Responzivní */
@media (max-width: 640px) {
  .prose h1 { font-size: 1.25rem; }
  .prose h2 { font-size: 1.125rem; }
  .prose h3 { font-size: 1rem; }
}