.card.--accommodation {
  --card__background: var(--color-white);
  --card__radius: var(--border-radius-small);
  --card__row-gap: 1rem;
  --card__meta-margin-top: 0;
  --card__meta-gap: 0;
  background-color: var(--card__background);
  border-radius: var(--card__radius);
}
.card.--accommodation .card__link {
  padding: 1rem 1rem 1.625rem;
  display: flex;
  flex-direction: column;
  block-size: 100%;
  row-gap: var(--card__row-gap, 0.5rem);
}
.card.--accommodation .card__link:hover .button.--primary, .card.--accommodation .card__link:focus-visible .button.--primary {
  background-color: var(--color-primary--hover);
  border-color: var(--color-primary--hover);
  color: var(--color-white);
}
.card.--accommodation .card__image {
  inline-size: 100%;
  aspect-ratio: 2;
  object-fit: cover;
  border-radius: 0.625rem;
}
.card.--accommodation .card__heading {
  inline-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.card.--accommodation .card__heading-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.card.--accommodation .card__meta {
  grid-column: 1/-1;
  display: flex;
  gap: var(--card__meta-gap, 1rem);
  grid-row: var(--card__meta-grid-row, 2);
  margin-block-start: var(--card__meta-margin-top, 0.5rem);
}
.card.--accommodation .card__meta > span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card.--accommodation .card__meta > span svg {
  inline-size: 1rem;
  block-size: 1rem;
}
.card.--accommodation .card__meta > span svg.--pet, .card.--accommodation .card__meta > span svg.--bed {
  inline-size: 1.1875rem;
}
.card.--accommodation .card__meta > span:not(:first-of-type) {
  position: relative;
  padding-inline-start: 0.75rem;
  margin-inline-start: 0.75rem;
}
.card.--accommodation .card__meta > span:not(:first-of-type)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  background-color: var(--color-grey-4);
  width: 0.0625rem;
  height: 1.25rem;
}
.card.--accommodation .card__review {
  display: flex;
  min-inline-size: 2.5rem;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  font-size: var(--font-size--sm);
  font-weight: var(--font-weight--bold);
  background-image: url('/wp-content/themes/tritt/assets/icons/tritt.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 3.125rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.25);
}
.card.--accommodation .card__title {
  font-size: 1.25rem;
}
.card.--accommodation .card__usps ul {
  padding-inline: 0;
  list-style: none;
}
.card.--accommodation .card__usps ul br {
  display: none;
}
.card.--accommodation .card__usps ul li {
  position: relative;
  display: flex;
  gap: 0.5rem;
  padding-left: 1.5rem;
}
.card.--accommodation .card__usps ul li::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.75 1.21875C15.0625 1.53125 15.0625 2 14.75 2.28125L6.5 10.5312C6.21875 10.8438 5.75 10.8438 5.46875 10.5312L1.21875 6.28125C0.90625 6 0.90625 5.53125 1.21875 5.21875C1.5 4.9375 1.96875 4.9375 2.25 5.21875L6 8.96875L13.7188 1.21875C14 0.9375 14.4688 0.9375 14.75 1.21875Z' fill='green'/%3E%3C/svg%3E%0A");
  background-repeat: var(--icon__background-repeat, no-repeat);
  background-size: var(--icon__background-size, contain);
  background-position: var(--icon__background-position, center);
  block-size: var(--icon__block-size, 1em);
  inline-size: var(--icon__inline-size, 1em);
  min-width: 1em;
}
.card.--accommodation .card__usps ul li::before {
  position: absolute;
  inset: 0.25rem auto auto 0;
}
.card.--accommodation .card__price {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
}
.card.--accommodation .card__price-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  color: var(--color-text--lighter);
}
.card.--accommodation .card__offer {
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: var(--font-size--xs);
  font-weight: var(--font-weight--extrabold);
  padding: 0.375rem 0.625rem;
  align-self: end;
  line-height: 1.15;
}
.card.--accommodation .card__weekly {
  font-size: var(--font-size--sm);
}
.card.--accommodation .card__weekly strong {
  font-size: var(--font-size--md);
  color: var(--color-red);
  font-weight: var(--font-weight--extrabold);
}
.card.--accommodation .card__daily span {
  font-weight: var(--font-weight--extrabold);
}
.card.--accommodation .button {
  margin-block-start: auto;
}
.card.--accommodation .button.--primary:not(.searchform__toggle, .--icon-only, .translate__toggle):has(svg) .icon {
  position: relative;
  inset-inline-end: auto;
  inline-size: 1rem;
}
.card.--accommodation .button.--primary:not(.searchform__toggle, .--icon-only, .translate__toggle):has(svg):hover, .card.--accommodation .button.--primary:not(.searchform__toggle, .--icon-only, .translate__toggle):has(svg):focus-visible {
  padding-inline-end: var(--padding-medium);
}
