/* Hot Vacancies Banner - SCSS Override for Figma Design */
/* This file uses highly specific selectors to override compiled SCSS */

/* Main banner container - Override SCSS compiled styles */
.banner .banner__vacancy {
  width: 1420px !important;
  height: 176px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  width: calc(100% - 30px) !important; /* Override this line to fixed width */
  width: 1420px !important; /* Force Figma width */
}

/* Navigation positioning - Override SCSS navigation styles */
.banner .banner__vacancy-navigation {
  position: absolute !important;
  left: 33px !important;
  top: 110px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 36px !important;
  width: 90px !important;
  height: 40px !important;
  margin-top: 0 !important;
}

.banner .banner__vacancy-navigation img {
  width: 40px !important;
  height: 40px !important;
  margin-right: 0 !important;
}

/* Override the slider structure we added */
.banner .banner__vacancy-slider {
  position: absolute !important;
  left: 329px !important;
  top: 19px !important;
  width: calc(1420px - 329px - 33px) !important;
  height: 140px !important;
  overflow: hidden !important;
  right: auto !important;
}

.banner .banner__vacancy-inner.slider-track {
  display: inline-flex !important;
  transition: transform 0.3s ease !important;
  right: auto !important;
  position: relative !important;
}

/* Job cards - Override SCSS item styles completely */
.banner .banner__vacancy-inner-item {
  width: 340px !important;
  height: 140px !important;
  border: 1px solid #D9D9D9 !important;
  border-radius: 20px !important;
  margin-right: 20px !important;
  margin-left: 0 !important;
  padding: 16px 36px !important;
  position: relative !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  border-left: none !important; /* Remove SCSS border-left */
}

/* Blue left border as pseudo-element */
.banner .banner__vacancy-inner-item::before {
  content: '' !important;
  position: absolute !important;
  width: 14px !important;
  left: 0px !important;
  top: 0% !important;
  bottom: 0% !important;
  background: #034C95 !important;
  border-radius: 20px 0 0 20px !important;
}

/* Top section with company and date - Override SCSS item_top */
.banner .banner__vacancy-inner-item .item_top {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
  width: 268px !important;
  height: 19px !important;
}

.banner .banner__vacancy-inner-item .item_top .hot_company {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: rgba(13, 13, 13, 0.6) !important;
  width: auto !important;
}

.banner .banner__vacancy-inner-item .item_top .hot_date {
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: rgba(13, 13, 13, 0.6) !important;
  text-align: right !important;
  width: auto !important;
  height: 19px !important;
}

/* Middle section with job title - Override SCSS item_middle */
.banner .banner__vacancy-inner-item .item_middle {
  display: flex !important;
  margin-bottom: 19px !important;
  width: 284px !important;
  height: 48px !important;
}

.banner .banner__vacancy-inner-item .item_middle .hot_job {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  color: #000000 !important;
}

/* Bottom section - Completely override SCSS item_bottom */
.banner .banner__vacancy-inner-item .item_bottom {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  height: 18px !important;
  margin-left: 0 !important;
}

/* Location tag - Override SCSS hot_loc completely */
.banner .banner__vacancy-inner-item .item_bottom .hot_loc {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  height: 18px !important;
  background: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  color: rgba(13, 13, 13, 0.6) !important;
}

.banner .banner__vacancy-inner-item .item_bottom .hot_loc::before {
  content: '' !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C5.48597 1.5 2.625 4.36097 2.625 7.875C2.625 9.45255 3.20374 10.8993 4.1543 12.0117L4.15723 12.0146L4.15942 12.0176C4.15942 12.0176 6.8714 15.1121 7.83691 16.0334C8.48346 16.6499 9.5158 16.6499 10.1624 16.0334C11.2629 14.9837 13.8413 12.0161 13.8413 12.0161L13.8428 12.0139L13.845 12.0117C14.7964 10.8993 15.375 9.45255 15.375 7.875C15.375 4.36097 12.514 1.5 9 1.5ZM9 2.625C11.906 2.625 14.25 4.96903 14.25 7.875C14.25 9.1782 13.7751 10.3622 12.9895 11.2808C12.9844 11.2866 10.3463 14.3038 9.38599 15.2197C9.16329 15.4321 8.83598 15.4321 8.61328 15.2197C7.81072 14.4539 5.01791 11.29 5.00977 11.2808L5.00903 11.28C4.2245 10.3616 3.75 9.17784 3.75 7.875C3.75 4.96903 6.09403 2.625 9 2.625ZM9 5.625C8.29688 5.625 7.69831 5.90892 7.31396 6.34131C6.92962 6.77369 6.75 7.32813 6.75 7.875C6.75 8.42187 6.92962 8.97631 7.31396 9.40869C7.69831 9.84108 8.29688 10.125 9 10.125C9.70312 10.125 10.3017 9.84108 10.686 9.40869C11.0704 8.97631 11.25 8.42187 11.25 7.875C11.25 7.32813 11.0704 6.77369 10.686 6.34131C10.3017 5.90892 9.70312 5.625 9 5.625ZM9 6.75C9.42187 6.75 9.66706 6.88795 9.84521 7.08838C10.0234 7.28881 10.125 7.57812 10.125 7.875C10.125 8.17188 10.0234 8.46119 9.84521 8.66162C9.66706 8.86205 9.42187 9 9 9C8.57813 9 8.33294 8.86205 8.15479 8.66162C7.97663 8.46119 7.875 8.17188 7.875 7.875C7.875 7.57812 7.97663 7.28881 8.15479 7.08838C8.33294 6.88795 8.57813 6.75 9 6.75Z' fill='%230D0D0D' fill-opacity='0.6'/%3E%3C/svg%3E%0A") no-repeat center !important;
  flex-shrink: 0 !important;
}

/* Time tag - Override SCSS hot_time completely */
.banner .banner__vacancy-inner-item .item_bottom .hot_time {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  height: 18px !important;
  background: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  color: rgba(13, 13, 13, 0.6) !important;
}

.banner .banner__vacancy-inner-item .item_bottom .hot_time::before {
  content: '' !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.6875 2.25C3.34802 2.25 2.25 3.34802 2.25 4.6875V13.3125C2.25 14.652 3.34802 15.75 4.6875 15.75H13.3125C14.652 15.75 15.75 14.652 15.75 13.3125V4.6875C15.75 3.34802 14.652 2.25 13.3125 2.25H4.6875ZM4.6875 3.375H13.3125C14.0438 3.375 14.625 3.95623 14.625 4.6875V5.25H3.375V4.6875C3.375 3.95623 3.95623 3.375 4.6875 3.375ZM3.375 6.375H14.625V13.3125C14.625 14.0438 14.0438 14.625 13.3125 14.625H4.6875C3.95623 14.625 3.375 14.0438 3.375 13.3125V6.375ZM5.8125 7.875C5.56386 7.875 5.3254 7.97377 5.14959 8.14959C4.97377 8.3254 4.875 8.56386 4.875 8.8125C4.875 9.06114 4.97377 9.2996 5.14959 9.47541C5.3254 9.65123 5.56386 9.75 5.8125 9.75C6.06114 9.75 6.2996 9.65123 6.47541 9.47541C6.65123 9.2996 6.75 9.06114 6.75 8.8125C6.75 8.56386 6.65123 8.3254 6.47541 8.14959C6.2996 7.97377 6.06114 7.875 5.8125 7.875ZM9 7.875C8.75136 7.875 8.5129 7.97377 8.33709 8.14959C8.16127 8.3254 8.0625 8.56386 8.0625 8.8125C8.0625 9.06114 8.16127 9.2996 8.33709 9.47541C8.5129 9.65123 8.75136 9.75 9 9.75C9.24864 9.75 9.4871 9.65123 9.66291 9.47541C9.83873 9.2996 9.9375 9.06114 9.9375 8.8125C9.9375 8.56386 9.83873 8.3254 9.66291 8.14959C9.4871 7.97377 9.24864 7.875 9 7.875ZM12.1875 7.875C11.9389 7.875 11.7004 7.97377 11.5246 8.14959C11.3488 8.3254 11.25 8.56386 11.25 8.8125C11.25 9.06114 11.3488 9.2996 11.5246 9.47541C11.7004 9.65123 11.9389 9.75 12.1875 9.75C12.4361 9.75 12.6746 9.65123 12.8504 9.47541C13.0262 9.2996 13.125 9.06114 13.125 8.8125C13.125 8.56386 13.0262 8.3254 12.8504 8.14959C12.6746 7.97377 12.4361 7.875 12.1875 7.875ZM5.8125 11.25C5.56386 11.25 5.3254 11.3488 5.14959 11.5246C4.97377 11.7004 4.875 11.9389 4.875 12.1875C4.875 12.4361 4.97377 12.6746 5.14959 12.8504C5.3254 13.0262 5.56386 13.125 5.8125 13.125C6.06114 13.125 6.2996 13.0262 6.47541 12.8504C6.65123 12.6746 6.75 12.4361 6.75 12.1875C6.75 11.9389 6.65123 11.7004 6.47541 11.5246C6.2996 11.3488 6.06114 11.25 5.8125 11.25ZM9 11.25C8.75136 11.25 8.5129 11.3488 8.33709 11.5246C8.16127 11.7004 8.0625 11.9389 8.0625 12.1875C8.0625 12.4361 8.16127 12.6746 8.33709 12.8504C8.5129 13.0262 8.75136 13.125 9 13.125C9.24864 13.125 9.4871 13.0262 9.66291 12.8504C9.83873 12.6746 9.9375 12.4361 9.9375 12.1875C9.9375 11.9389 9.83873 11.7004 9.66291 11.5246C9.4871 11.3488 9.24864 11.25 9 11.25Z' fill='%230D0D0D' fill-opacity='0.6'/%3E%3C/svg%3E%0A") no-repeat center !important;
  flex-shrink: 0 !important;
}

/* Job type tag - Override SCSS hot_full completely */
.banner .banner__vacancy-inner-item .item_bottom .hot_full {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  height: 18px !important;
  background: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  color: rgba(13, 13, 13, 0.6) !important;
  white-space: nowrap !important;
}

.banner .banner__vacancy-inner-item .item_bottom .hot_full::before {
  content: '' !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C4.86461 1.5 1.5 4.86461 1.5 9C1.5 13.1354 4.86461 16.5 9 16.5C11.4509 16.5 13.6308 15.3191 15 13.4956V14.8125C14.9989 14.887 15.0127 14.961 15.0405 15.0302C15.0683 15.0994 15.1096 15.1623 15.1619 15.2154C15.2142 15.2685 15.2766 15.3107 15.3454 15.3394C15.4142 15.3682 15.488 15.383 15.5625 15.383C15.637 15.383 15.7108 15.3682 15.7796 15.3394C15.8484 15.3107 15.9108 15.2685 15.9631 15.2154C16.0154 15.1623 16.0567 15.0994 16.0845 15.0302C16.1123 14.961 16.1261 14.887 16.125 14.8125V12.1875C16.125 12.0383 16.0657 11.8953 15.9602 11.7898C15.8547 11.6843 15.7117 11.625 15.5625 11.625H12.9375C12.863 11.6239 12.789 11.6377 12.7198 11.6655C12.6506 11.6933 12.5877 11.7346 12.5346 11.7869C12.4815 11.8392 12.4393 11.9016 12.4106 11.9704C12.3818 12.0392 12.367 12.113 12.367 12.1875C12.367 12.262 12.3818 12.3358 12.4106 12.4046C12.4393 12.4734 12.4815 12.5358 12.5346 12.5881C12.5877 12.6404 12.6506 12.6817 12.7198 12.7095C12.789 12.7373 12.863 12.7511 12.9375 12.75H14.1562C12.9978 14.3407 11.1228 15.375 9 15.375C5.47264 15.375 2.625 12.5274 2.625 9C2.625 5.47264 5.47264 2.625 9 2.625C12.5274 2.625 15.375 5.47264 15.375 9V9.1875C15.3739 9.26204 15.3877 9.33604 15.4155 9.40521C15.4433 9.47438 15.4846 9.53734 15.5369 9.59042C15.5892 9.6435 15.6516 9.68565 15.7204 9.71443C15.7892 9.7432 15.863 9.75801 15.9375 9.75801C16.012 9.75801 16.0858 9.7432 16.1546 9.71443C16.2234 9.68565 16.2858 9.6435 16.3381 9.59042C16.3904 9.53734 16.4317 9.47438 16.4595 9.40521C16.4873 9.33604 16.5011 9.26204 16.5 9.1875V9C16.5 4.86461 13.1354 1.5 9 1.5ZM8.80371 4.49194C8.65465 4.49427 8.51262 4.55567 8.4088 4.66265C8.30498 4.76963 8.24786 4.91344 8.25 5.0625V9.5625C8.25001 9.71168 8.30928 9.85474 8.41477 9.96023C8.52026 10.0657 8.66332 10.125 8.8125 10.125H11.8125C11.887 10.1261 11.961 10.1123 12.0302 10.0845C12.0994 10.0567 12.1623 10.0154 12.2154 9.96309C12.2685 9.91075 12.3107 9.84839 12.3394 9.77962C12.3682 9.71085 12.383 9.63704 12.383 9.5625C12.383 9.48795 12.3682 9.41415 12.3394 9.34538C12.3107 9.27661 12.2685 9.21425 12.2154 9.16191C12.1623 9.10957 12.0994 9.06831 12.0302 9.04051C11.961 9.01272 11.887 8.99895 11.8125 9H9.375V5.0625C9.37608 4.98721 9.36204 4.91248 9.3337 4.84272C9.30536 4.77296 9.26331 4.7096 9.21003 4.65639C9.15676 4.60318 9.09334 4.56121 9.02355 4.53296C8.95375 4.50472 8.879 4.49077 8.80371 4.49194Z' fill='%230D0D0D' fill-opacity='0.6'/%3E%3C/svg%3E%0A") no-repeat center !important;
  flex-shrink: 0 !important;
}

/* Hot vacancies title - Override SCSS h2 completely */
.banner .banner__vacancy h2 {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 6px !important;
  width: 217px !important;
  height: 34px !important;
  position: absolute !important;
  left: 33px !important;
  top: 54px !important;
  font-weight: 500 !important;
  font-size: 26px !important;
  line-height: 31px !important;
  color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.banner .banner__vacancy h2::before {
  content: '' !important;
  width: 34px !important;
  height: 34px !important;
  background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7334 2.26666C14.4328 2.26666 14.1446 2.38607 13.932 2.59861C13.7195 2.81115 13.6001 3.09942 13.6001 3.4C13.6001 9.13126 5.66675 13.6 5.66675 21.5333C5.66675 27.5602 12.1987 31.4567 14.4988 31.709C14.5759 31.7252 14.6546 31.7334 14.7334 31.7333C15.034 31.7333 15.3223 31.6139 15.5348 31.4014C15.7473 31.1888 15.8667 30.9006 15.8667 30.6C15.8667 30.4316 15.8291 30.2654 15.7567 30.1134C15.6843 29.9614 15.579 29.8274 15.4484 29.7212V29.719C14.4171 28.8826 12.4667 26.4562 12.4667 24.2405C12.4667 20.6036 15.8667 19.2667 15.8667 19.2667C13.9276 24.752 20.2816 25.4148 21.56 30.8457H21.5622C21.618 31.0971 21.7579 31.3221 21.9586 31.4834C22.1594 31.6448 22.4092 31.7329 22.6667 31.7333C22.9054 31.7327 23.1378 31.6568 23.3308 31.5164C23.3512 31.5016 23.3712 31.4861 23.3906 31.4699C23.575 31.3501 28.3334 28.203 28.3334 21.5333C28.3334 18.8104 26.9715 14.1332 25.9915 12.0616L25.9893 12.0549L25.9871 12.0505C25.9036 11.8391 25.7585 11.6577 25.5706 11.5298C25.3827 11.4019 25.1607 11.3334 24.9334 11.3333C24.6687 11.3336 24.4125 11.4265 24.2091 11.5959C24.0057 11.7653 23.8681 12.0005 23.82 12.2608V12.2652C23.8172 12.2776 23.2967 14.5894 21.5334 15.8667C21.5334 10.5268 17.6782 5.01116 15.6454 2.72929C15.6149 2.68798 15.5816 2.64878 15.5458 2.61198C15.4404 2.503 15.3141 2.41629 15.1746 2.35698C15.0351 2.29766 14.885 2.26695 14.7334 2.26666Z' fill='%23FF6A3D'/%3E%3C/svg%3E%0A") no-repeat center !important;
  flex-shrink: 0 !important;
}

/* Additional slider support styles */
.slider-arrow {
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}

.slider-arrow:hover {
  opacity: 0.7 !important;
}

.slider-arrow.disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}