/* flex as default */
:root {
  --short-providers-list-items-padding: 0px;
}
/* non-flex */
[data-partner="aegonro"],
[data-partner="bulstradbg"],
[data-partner="globalassistancesk"],
[data-partner="iraoge"],
[data-partner="kpsk"],
[data-partner="liam"],
[data-partner="plaz"],
[data-partner="taslifeua"],
[data-partner="tbsk"],
[data-partner="ucbcz"],
[data-partner="ucbsk"],
[data-partner="uniqacz"],
[data-partner="uniqask19"],
[data-partner="winnermk"],
[data-partner="placeholder-for-partner"] {
  --short-providers-list-items-padding: 30px;
  /* 2 x 15px */
}
[data-partner="nnsk"] {
  --short-providers-list-items-padding: 0px;
}
[data-providers-list="short"] {
  /* mobile */
  /* desktop */
}
[data-providers-list="short"] .row > div:nth-last-child(-n+1) {
  /* last item */
  /* quick fix for flex versions like the aluz partner with a standard height of image */
  height: 130px;
  overflow: hidden;
}
[data-providers-list="short"] .row > div:nth-last-child(-n+1) .provider {
  background: #00AFD0;
  /* hide the description */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
[data-providers-list="short"] .row > div:nth-last-child(-n+1) .provider .card-row:not(.desc)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  /* allows clicks through the overlay */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #ffffff 100%);
  /* because of partners like Globalassistancesk, Iraoge, Kpsk, Liam, ... */
  /* It created the linear on the padding of the column on non-white background */
  width: calc(100% - var(--short-providers-list-items-padding));
  margin: 0 auto;
}
[data-providers-list="short"] .row > div:nth-last-child(-n+1) .provider .desc {
  display: none;
}
@media (min-width: 768px) {
  [data-providers-list="short"] .row > div:nth-last-child(-n+3) {
    /* last three items */
    /* quick fix for flex versions like the aluz partner with a standard height of image */
    height: 130px;
    overflow: hidden;
  }
  [data-providers-list="short"] .row > div:nth-last-child(-n+3) .provider {
    background: #00AFD0;
    /* hide the description */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
  }
  [data-providers-list="short"] .row > div:nth-last-child(-n+3) .provider .card-row:not(.desc)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    /* allows clicks through the overlay */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #ffffff 100%);
    /* because of partners like Globalassistancesk, Iraoge, Kpsk, Liam, ... */
    /* It created the linear on the padding of the column on non-white background */
    width: calc(100% - var(--short-providers-list-items-padding));
    margin: 0 auto;
  }
  [data-providers-list="short"] .row > div:nth-last-child(-n+3) .provider .desc {
    display: none;
  }
}
[data-partner="ucbcz"] [data-providers-list="short"],
[data-partner="ucbsk"] [data-providers-list="short"] {
  margin-bottom: 25px !important;
}
[data-partner="asiromro"] {
  /*
   * Asiromro partner uses Vite for CSS compilation instead of LESS.
   * The short providers list styles are implemented in:
   * src/www/media/partner-asiromro/asiromro.css
   *
   * This partner is not using the LESS mixin approach due to build system differences.
   */
}

:root {
  --spacialization-accordion-background-color: #F5F5F5;
  --spacialization-accordion-border-radius: 16px;
}
.specialization-section {
  margin-bottom: 15px;
}
.specialization-section__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 15px;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 12px;
  background: var(--spacialization-accordion-background-color);
  border-radius: var(--spacialization-accordion-border-radius) var(--spacialization-accordion-border-radius) 0 0;
}
.specialization-section__toggle[aria-expanded="false"] {
  background: unset;
  border-radius: var(--spacialization-accordion-border-radius);
  border: 1px solid #CBD5E1;
}
.specialization-section__toggle[aria-expanded="false"] > span:first-child {
  font-weight: normal;
}
@media (min-width: 768px) {
  .specialization-section__toggle {
    padding: 24px 15px;
  }
}
.specialization-section__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
}
@media (min-width: 768px) {
  .specialization-section__title {
    font-size: 24px;
  }
}
.specialization-section__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: url('/media/partner/arrow-down.svg') center / contain no-repeat;
  transition: transform 0.25s ease;
}
.specialization-section__icon.is-open {
  transform: rotate(180deg);
}
.specialization-section [data-providers-list] {
  width: 100%;
  /* nested container inside another container because of gaps required this fix */
  background: var(--spacialization-accordion-background-color);
  border-radius: 0 0 var(--spacialization-accordion-border-radius) var(--spacialization-accordion-border-radius);
}
.specialization-section .provider {
  margin-bottom: 15px;
}