main.flex-shrink-0 {
  height: calc(100% - 50px) !important;
  box-sizing: border-box;
}

.profile-image {
  max-width: 100%;
  max-height: 150px;
  object-fit: cover;
}

#szakemberek-list {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.highlight {
  border: none; /* Remove the solid border */
  background-color: #fff8dc; /* Light yellow background */
  box-shadow: 0 0 10px 2px gold; /* Golden shadow effect */
  border-radius: 5px; /* Maintain rounded corners */
  padding: 10px; /* Slight padding for spacing */
}

.k-pager-wrap {
  display: flex;
  justify-content: center; /* Align pager to the center */
  align-items: center; /* Vertically align items */
  background-color: transparent; /* Remove background */
  padding: 0;
  margin: 10px 0; /* Space from the content */
  border: none; /* Remove borders */
  box-sizing: content-box; /* Set to content-box to avoid border-box affecting width calculations */
}

.k-pager-numbers {
  display: inline-flex;
  list-style: none;
  padding-left: 0;
}

.k-pager-numbers li {
  margin: 0 5px; /* Adjust margin between numbers */
}

.k-link, .k-state-selected, .k-state-hover {
  font-size: 1rem;
  font-weight: bold;
  color: #007bff; /* Bootstrap primary color */
  padding: 5px 10px;
  border-radius: 4px;
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.k-state-selected {
  background-color: #007bff; /* Bootstrap primary color */
  color: white;
}

.k-widget * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.szakember-template {
  margin-bottom: 20px; /* Adjust as needed */
  padding: 15px;
  border-radius: 5px; /* To give a soft rounded look */
}

.d-flex.flex-column {
  align-items: center;
}

.adatlap-btn, .foglalas-btn {
  width: 100%;
  margin: 5px 0;
}

.name-title {
  font-size: 1.5rem; /* Increase font size */
  font-weight: bold;
  color: #333; /* Darker text for contrast */
  margin-bottom: 5px;
}

.vegzettsegs-placeholder {
  font-size: 1rem; /* Smaller subtitle */
  color: #666;
}

.vegzettsegs-placeholder + div {
  margin-top: 5px; /* Add space between the degree and the discount */
  font-size: 1.1rem;
  color: #d9534f; /* Bootstrap 'danger' color for contrast */
  font-weight: bold;
  text-align: left;
}

div.szakemberek-box {
  display: flex;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
}
div.szakemberek-box > div.card-body {
  flex-grow: 1;
  background: white;
}

div.form-kb-box {
  display: flex;
  gap: 10px;
}
div.form-kb-box > div:first-child {
  flex-grow: 1;
}
div.form-kb-box > div:last-child {
  min-width: fit-content;
}
div.form-kb-box form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
div.form-kb-box form div.size-box {
  flex-grow: 1;
}
div.form-kb-box form > div:last-child {
  margin-bottom: 0 !important;
}

div.filter-box-inner {
  height: var(--height);
  transition: 0.5s;
}
div.filter-box-inner.close {
  height: 0;
  opacity: 0;
  transform: rotateY(90deg);
}

div.filter-form-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  width: min(100%, 1700px);
  margin: 0 auto;
}
div.filter-form-box div.one-span {
  grid-column: span 3;
}
div.filter-form-box div.one-span input[type=text] {
  max-width: 200px;
}
div.filter-form-box div.one-span div.chk-box-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

input.select-chk {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

li.tab-item i {
  display: none;
}
li.tab-item.active i {
  display: block;
}

button i {
  transition: 1s;
}
button i.close {
  transform: rotateX(180deg);
}

div.temp-box {
  position: absolute;
  top: 670px;
  left: 0;
  background: yellow;
  width: 100%;
  z-index: 1000;
}

div.form-check {
  display: flex;
  gap: 5px;
}

div.chk-box-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-content: center;
  grid-template-rows: repeat(2, auto); /* Add this line */
  grid-auto-rows: auto;
  /* Make radio buttons similar size to checkboxes */
}
@media (max-width: 768px) {
  div.chk-box-list {
    grid-template-columns: 1fr;
  }
}
div.chk-box-list > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
div.chk-box-list input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
div.chk-box-list input[type=radio] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  /* keep radios circular */
  border-radius: 50%;
  cursor: pointer;
}
div.chk-box-list label {
  font-size: 1.25em;
}

div.chk-box-list-single-column {
  display: block;
}

.form-label {
  font-size: 1.5em;
}

.form-check .form-check-input {
  float: left;
  margin-left: 0;
}

.category-group {
  margin-left: 15px;
}

.category-label {
  font-size: 1.4em;
}

/* Popup form-specific fixes for iCheck/Bootstrap radio/checkbox layout */
.formpopup {
  overflow-x: hidden; /* prevent horizontal overflow */
}

.formpopup .form-check {
  display: block; /* revert to block to avoid flex side effects */
  width: 100%;
}

/* Align iCheck visual box and label inline */
.formpopup .form-check [class^=icheckbox_],
.formpopup .form-check [class^=iradio_],
.formpopup .form-check .form-check-input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  float: none; /* avoid float conflicts */
}

.formpopup .form-check .form-check-label {
  display: inline-block;
  vertical-align: middle;
}

/* Place feedback on its own line, under the group */
.formpopup .form-check .invalid-feedback,
.formpopup .invalid-feedback {
  display: block;
  clear: both; /* ensure it drops below any inline/floats */
  width: 100%;
  margin-left: 0;
  margin-top: 0.25rem;
  white-space: normal;
  overflow-wrap: anywhere;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.chip {
  display: inline-block;
  background-color: #f1f3f5;
  color: #333;
  border-radius: 14px;
  padding: 2px 10px;
  line-height: 20px;
  font-size: 0.9rem;
}

/* New chip variants used on public adatlap */
.chip-light {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  color: #333;
}

.chip-success {
  background-color: #e6f4ea;
  border: 1px solid #c6e6ce;
  color: #1e7e34;
}

.chip-foglalkozas {
  background-color: #eef6ff; /* subtle blue tint */
  border: 1px solid #dbeafe;
  color: #173e6e;
}

.chip-vegzettseg {
  background-color: #f5f3ff; /* subtle purple tint */
  border: 1px solid #ede9fe;
  color: #3b2a73;
}

/* Public profile (adatlap) airy layout */
.hero {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #eef2f7;
  border-radius: 16px;
}

.hero-avatar {
  flex: 0 0 auto;
}

.hero-avatar img {
  width: clamp(84px, 12vw, 120px);
  height: clamp(84px, 12vw, 120px);
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.08);
}

.section {
  padding-bottom: 8px;
  border-bottom: 1px dashed #e6e8ec;
  margin-bottom: 16px;
}

.section-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 8px 0;
}

.section-body {
  color: #475467;
}

.list-clean {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-row {
  padding: 10px 0;
  border-bottom: 1px dashed #eef2f7;
}

.service-row:last-child {
  border-bottom: none;
}

/* Mobile floating CTA */
.floating-cta {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1050;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  border-radius: 999px;
}

.hero-intro {
  color: #475467;
  max-width: 65ch;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  .hero-intro {
    -webkit-line-clamp: 8;
  }
}

/*# sourceMappingURL=szakemberek.css.map */