/* stylelint-disable-next-line scss/no-global-function-names */
#vpp-basic-form {
  border-radius: 8px;
}
#vpp-basic-form.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vpp-form-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.75rem;
}
.vpp-form-top .form-group {
  margin-bottom: 0;
}
.vpp-form-top button[type=submit] {
  margin-top: 1.375rem;
}

.vpp-form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 4px;
}

.vpp-form-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  overflow: visible;
}
.vpp-form-options .form-check {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}

@media (min-width: 375px) {
  #vpp-form .form-group {
    margin-right: 1rem;
  }
}
@media (max-width: 375.98px) {
  .vpp-form-top {
    align-items: flex-start;
    flex-direction: column;
  }
  .vpp-form-top button {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .vpp-form-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .vpp-form-bottom .btn-filter {
    margin-top: 1rem;
    align-self: flex-end;
  }
}
#vpp-form-advanced-search-panel {
  max-height: 0;
  overflow: hidden;
}

.vpp-form-advanced-search fieldset {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.vpp-form-advanced-search .form-check {
  display: inline-flex;
  align-items: center;
}
.vpp-form-advanced-search .form-check:not(:last-child) {
  margin-right: 2rem;
}

.vpp-form-advanced-search-last-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.vpp-form-advanced-search-last-row select {
  min-width: 230px;
}
.vpp-form-advanced-search-last-row .form-group,
.vpp-form-advanced-search-last-row fieldset {
  margin-bottom: 0;
}
@media (max-width: 679.98px) {
  .vpp-form-advanced-search-last-row fieldset {
    flex-direction: column;
  }
  .vpp-form-advanced-search-last-row select {
    min-width: 330px;
  }
  .vpp-form-advanced-search-last-row fieldset .form-group:first-of-type {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 574.98px) {
  .vpp-form-advanced-search-last-row {
    flex-direction: column;
    align-items: flex-end;
  }
  .vpp-form-advanced-search-last-row fieldset {
    width: 100%;
  }
  .vpp-form-advanced-search-last-row select {
    min-width: 100%;
  }
  .vpp-form-advanced-search-last-row fieldset .form-group {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 679.98px) {
  #vpp-form .vpp-form-advanced-search-last-row .form-group {
    margin-right: 0;
  }
}

/* tooltip */
.vpp-tooltip {
  text-align: center;
}
.vpp-tooltip .outlet-type {
  font-size: 0.563rem;
}
.vpp-tooltip .outlet-type + p {
  margin-top: 4px;
}

.vpp-result-card {
  display: flex;
  gap: 24px;
  margin-bottom: 40px;
}
.vpp-result-card > div:first-child {
  flex: 2 1 0;
  min-width: 0;
}
.vpp-result-card > div:last-child {
  flex: 3 1 0;
  min-width: 0;
  min-height: 24.563rem;
  max-height: 24.563rem;
}
@media (max-width: 755.98px) {
  .vpp-result-card {
    flex-direction: column;
  }
}

.vpp-result-card-login-register {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  border: 1px solid #d0d3db;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
}
.vpp-result-card-login-register > div {
  flex: 1;
  text-align: center;
}
.vpp-result-card-login-register hr {
  margin: 0;
  border: 0;
  background: #d1d5db;
  /* horizontální */
  width: 100%;
  height: 1px;
}
@media (min-width: 448px) and (max-width: 755.98px) {
  .vpp-result-card-login-register hr {
    /* vertikální */
    width: 1px;
    height: auto;
    align-self: stretch;
  }
}
@media (min-width: 448px) and (max-width: 755.98px) {
  .vpp-result-card-login-register {
    flex-direction: row;
  }
}

.vpp-result-card-not-found {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  border: 1px solid #d0d3db;
  border-radius: 8px;
  padding: 16px;
  justify-content: center;
}
@media (min-width: 448px) and (max-width: 755.98px) {
  .vpp-result-card-not-found {
    flex-direction: row;
  }
}
.vpp-result-card-not-found svg {
  color: #002776;
}

.vpp-result-card-results {
  min-height: 24.563rem;
  max-height: 24.563rem;
  overflow-y: auto;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  /* scrollbar:  fallback pro Firefox - jen barvy, bez šipek */
  scrollbar-width: auto;
  scrollbar-color: #888d9f #eef0f2;
}
.vpp-result-card-results h2 {
  color: #141b31;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0;
  background: none;
  margin: 0 0 0.5rem 0;
  border: 0;
}
.vpp-result-card-results h2 a {
  color: #141b31;
}
.vpp-result-card-results h2 a:hover {
  color: #141b31;
}
.vpp-result-card-results .vpp-btn-favorite {
  font-size: 0.813rem;
  color: #002776;
  border: 1px solid #002776;
  border-radius: 4px;
  min-height: 2.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vpp-result-card-results > div {
  border: 1px solid #d0d3db;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  min-width: 0;
}
.vpp-result-card-results > div > * {
  min-width: 0;
}

@media (min-width: 448px) and (max-width: 755.98px) {
  .vpp-result-card-results {
    gap: 24px;
  }
  .vpp-result-card-results > div {
    flex: 0 0 calc(50% - 12px);
  }
}
/* parameters */
ul.vpp-result-parameters {
  display: inline-flex;
  flex-shrink: 1;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0;
  margin: 0 0 0.75rem 0;
  list-style: none;
}
ul.vpp-result-parameters li {
  display: inline-flex;
  position: relative;
}
ul.vpp-result-parameters li::before {
  content: "";
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #d0d3db;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem 0.875rem;
  margin-top: 1px;
}
ul.vpp-result-parameters li:hover::after, ul.vpp-result-parameters li:focus-visible::after, ul.vpp-result-parameters li:focus-within::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: #ebf8ff;
  color: #0299e4;
  padding: 0.5rem;
  border-radius: 4px;
  font-size: 0.688rem;
  white-space: nowrap;
  z-index: 10;
}

.vpp-result-outlet-type {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* address */
.vpp-result-outlet-address {
  display: flex;
  gap: 16px;
}
.vpp-result-outlet-address p,
.vpp-result-outlet-address address {
  margin-bottom: 16px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #141b31;
}
.vpp-result-outlet-address p {
  font-weight: 600;
}
.vpp-result-outlet-address address {
  font-weight: 400;
}

/* map */
.vpp-map {
  border-radius: 8px;
  background-color: gray;
  width: 100%;
  height: 100%;
  position: relative;
}

.vpp-detail-subheader {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575.98px) {
  .vpp-detail-subheader {
    flex-direction: column;
  }
}

.vpp-detail-subheader-actions > .btn {
  align-items: center;
  white-space: nowrap;
}
@media only screen and (max-width: 575.98px) {
  .vpp-detail-subheader-actions > .btn {
    width: 100%;
  }
}

.vpp-detail-subheader-description {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  /* pokud se mají při nedostatku místa zalamovat */
}

.vpp-branch-type {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 3px 7px;
  box-sizing: border-box;
  border: 1px solid #888d9f;
  background-color: #888d9f;
  color: #fff;
}
@media only screen and (max-width: 575.98px) {
  .vpp-branch-type {
    font-size: 0.75rem;
    padding: 4px 7px;
    min-height: 28px;
  }
}

/* pošta, pošta partner, poštovna, výdejní místo */
.vpp-branch-type-1 {
  border-color: #fece22;
  background-color: #fece22;
  color: #002776;
}

/* balíkovna, balíkovna BOX */
.vpp-branch-type-2 {
  border-color: #00acdc;
  background-color: #00acdc;
  color: #fff;
}

/* depo, technická provozovna */
.vpp-branch-type-3 {
  border-color: #888d9f;
  background-color: #888d9f;
  color: #fff;
}

.vpp-branch-zip {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 3px 7px;
  border: 1px solid #d0d3db;
  box-sizing: border-box;
  background-color: #fff;
  color: #141b31;
}
@media only screen and (max-width: 575.98px) {
  .vpp-branch-zip {
    font-size: 0.75rem;
    padding: 4px 7px;
    min-height: 28px;
  }
}

.vpp-btn-favorite {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 3px 7px;
  border: 1px solid #d0d3db;
  box-sizing: border-box;
  text-decoration: none;
  background-color: #fff;
  color: #141b31;
}
@media only screen and (max-width: 575.98px) {
  .vpp-btn-favorite {
    font-size: 0.75rem;
  }
}
.vpp-btn-favorite::before {
  content: "";
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: center/20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ec221f' stroke='none' d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05'/%3E%3C/svg%3E");
}
.vpp-btn-favorite-remove::before {
  background: center/20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ec221f' fill='%23ec221f' d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z'/%3E%3C/svg%3E");
}

.vpp-rating-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  margin: 0;
  padding: 1px 7px;
  border: 1px solid #d0d3db;
  box-sizing: border-box;
  background-color: #fff;
}
.vpp-rating-wrapper .btn-icon {
  padding: 3px;
}

/* Rating */
.rating-label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #002776;
  margin-right: 24px;
}

.rating-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rating-radio svg {
  forced-color-adjust: auto;
  touch-action: pan-y;
}
.rating-radio svg g[role=radio] {
  color: #ffc117;
}
.rating-radio svg .focus-ring, .rating-radio svg .focus-ring-none {
  stroke-width: 0;
  fill-opacity: 0;
}
.rating-radio svg .star {
  stroke-width: 1px;
  stroke: currentcolor;
  fill-opacity: 0;
}
.rating-radio svg .star-none {
  stroke-width: 1px;
  stroke: currentcolor;
  fill-opacity: 0;
}

.rating-radio[data-rating-value="1"] svg .star-1 .star {
  fill: currentColor;
  fill-opacity: 1;
}
.rating-radio[data-rating-value="2"] svg .star-2 .star {
  fill: currentColor;
  fill-opacity: 1;
}
.rating-radio[data-rating-value="3"] svg .star-3 .star {
  fill: currentColor;
  fill-opacity: 1;
}
.rating-radio[data-rating-value="4"] svg .star-4 .star {
  fill: currentColor;
  fill-opacity: 1;
}
.rating-radio[data-rating-value="5"] svg .star {
  fill: currentColor;
  fill-opacity: 1;
}

/* focus styling */
.vpp-details-3-cols .rating-radio:focus {
  outline: none;
}

.rating-radio svg g:focus {
  outline: none;
}

.rating-radio:focus-visible {
  outline: none;
}

.rating-radio svg g:focus-visible {
  outline: none;
}

.rating-radio *[role=radio]:hover {
  cursor: pointer;
}
.rating-radio.disabled *[role=radio]:hover {
  pointer-events: none;
  cursor: default;
}

/* details card*/
.vpp-details-2-cols {
  display: flex;
  align-items: stretch;
  gap: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575.98px) {
  .vpp-details-2-cols {
    flex-direction: column;
  }
}

.vpp-address-card {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.vpp-address-card-map {
  flex: 1;
  margin-bottom: 1rem;
}
.vpp-address-card-map #map {
  min-height: 100%;
}
@media only screen and (max-width: 575.98px) {
  .vpp-address-card-map {
    flex: none;
    height: 300px;
  }
  .vpp-address-card-map #map {
    min-height: 300px;
  }
}

.vpp-address-card-actions {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media only screen and (max-width: 575.98px) {
  .vpp-address-card-actions {
    flex-direction: column;
  }
}

.vpp-opening-hours-card {
  width: 312px;
  flex-shrink: 0;
}
@media only screen and (max-width: 575.98px) {
  .vpp-opening-hours-card {
    width: 100%;
  }
}

.vpp-address-card-description > div {
  display: flex;
}
.vpp-address-card-description > *:last-child {
  margin-bottom: 1rem;
}
.vpp-address-card-description address {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.vpp-address-card-description dl {
  margin: 0 0 0.75rem 0;
  padding: 0;
}
.vpp-address-card-description dt {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  display: inline-block;
}
.vpp-address-card-description dt:not(:last-child) {
  margin-bottom: 0.25rem;
}
.vpp-address-card-description dd {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  display: inline-block;
}
.vpp-address-card-description dd:not(:last-child) {
  margin-bottom: 0.25rem;
}

#latest-acceptance-times-title {
  display: inline-flex;
  gap: 8px;
}
#latest-acceptance-times-title svg {
  color: #d0d3db;
}

.vpp-details-3-cols {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media only screen and (max-width: 575.98px) {
  .vpp-details-3-cols {
    flex-direction: column;
    align-items: stretch;
  }
}
.vpp-details-3-cols > div {
  flex: 1;
}

h2.vpp-card-title {
  font-size: 1.125rem;
  font-weight: 600;
  background-color: transparent;
  margin: 0 0 1.5rem 0;
  padding: 0 0 24px 0;
  color: #141b31;
  border: none;
  border-bottom: 1px solid #d0d3db;
  display: flex;
  align-items: center;
}
h2.vpp-card-title svg {
  height: 1.5rem;
  width: auto;
  margin-right: 0.5rem;
  color: #002776;
}

/* checklist */
.vpp-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vpp-checklist li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 0.813rem;
}
.vpp-checklist li::before {
  content: "";
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #fece22;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' stroke='%23002776' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z' fill='%23002776'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
}
.vpp-checklist li svg {
  color: #fece22;
}

/* parameters */
.vpp-parameters {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vpp-parameters li {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 0.813rem;
}
.vpp-parameters li::before {
  content: "";
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 1px solid #d0d3db;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem 0.875rem;
  margin-top: 1px;
}

li.parameter-atm:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='M8 9v1.5h2.25V15h1.5v-4.5H14V9zM6 9H3c-.55 0-1 .45-1 1v5h1.5v-1.5h2V15H7v-5c0-.55-.45-1-1-1m-.5 3h-2v-1.5h2zM21 9h-4.5c-.55 0-1 .45-1 1v5H17v-4.5h1V14h1.5v-3.51h1V15H22v-5c0-.55-.45-1-1-1'/%3E%3C/svg%3E");
}

li.parameter-parking:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6m.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2'/%3E%3C/svg%3E");
}

li.parameter-queue-system:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='m12 16 4-4h-3V3h-2v9H8zm9-13h-6v1.99h6v14.03H3V4.99h6V3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-9 13 4-4h-3V3h-2v9H8zm9-13h-6v1.99h6v14.03H3V4.99h6V3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2'/%3E%3C/svg%3E");
}

li.parameter-accessible:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23002776' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4' r='2'/%3E%3Cpath d='M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.35-.2-.75-.3-1.19-.26C10.76 7.11 10 8.04 10 9.09V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.29 1.07 3.25 1.94 5 1.95m-9 7c-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1c-2.28.46-4 2.48-4 4.9 0 2.76 2.24 5 5 5 2.42 0 4.44-1.72 4.9-4h-2.07c-.41 1.16-1.52 2-2.83 2'/%3E%3C/svg%3E");
}

li.parameter-card-payment:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H4v-6h16zm0-10H4V6h16z'/%3E%3C/svg%3E");
}

li.parameter-shopping-center:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2zM6.16 6h12.15l-2.76 5H8.53zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2m10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");
}

li.parameter-ear:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002776' viewBox='0 0 24 24'%3E%3Cpath d='M17 20c-.29 0-.56-.06-.76-.15-.71-.37-1.21-.88-1.71-2.38-.51-1.56-1.47-2.29-2.39-3-.79-.61-1.61-1.24-2.32-2.53C9.29 10.98 9 9.93 9 9c0-2.8 2.2-5 5-5s5 2.2 5 5h2c0-3.93-3.07-7-7-7S7 5.07 7 9c0 1.26.38 2.65 1.07 3.9.91 1.65 1.98 2.48 2.85 3.15.81.62 1.39 1.07 1.71 2.05.6 1.82 1.37 2.84 2.73 3.55.51.23 1.07.35 1.64.35 2.21 0 4-1.79 4-4h-2c0 1.1-.9 2-2 2M7.64 2.64 6.22 1.22C4.23 3.21 3 5.96 3 9s1.23 5.79 3.22 7.78l1.41-1.41C6.01 13.74 5 11.49 5 9s1.01-4.74 2.64-6.36M11.5 9c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5-1.12-2.5-2.5-2.5-2.5 1.12-2.5 2.5'/%3E%3C/svg%3E");
}

dl.vpp-contacts {
  margin-bottom: 1rem;
}
dl.vpp-contacts dt {
  font-size: 0.813rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
dl.vpp-contacts dt:not(:first-of-type) {
  margin-top: 1rem;
}
dl.vpp-contacts dd {
  font-size: 0.813rem;
  font-weight: 400;
}
dl.vpp-contacts dd + dd {
  margin-top: 0.75rem;
}

/* otevírací hodiny */
table.vpp-opening-hours-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  margin: -8px 0 4px 0;
}
table.vpp-opening-hours-table tr:nth-child(odd) {
  background-color: #edf1f6;
}
table.vpp-opening-hours-table tr[aria-current=true] {
  background-color: #fef0bf;
}
table.vpp-opening-hours-table th {
  padding: 8px;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
table.vpp-opening-hours-table td {
  padding: 8px;
  text-align: left;
  font-size: 0.875rem;
  text-align: right;
  font-weight: 400;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.vpp-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(53, 53, 53, 0.25);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding: 40px 20px 20px;
  overflow-y: auto;
}

.latest-acceptance-times-modal {
  padding: 16px;
  border: 1px solid #d0d3db;
  background-color: #eef0f2;
  box-shadow: 0px 4px 4px 0px rgba(20, 27, 49, 0.15);
  width: 100%;
  max-width: 372px;
  max-height: calc(100dvh - 60px);
  overflow-y: auto;
  border-radius: 8px;
}

.latest-acceptance-times-modal-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.latest-acceptance-times-modal-header button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  fill: #73798c;
  width: 1.25rem;
  height: 1.25rem;
  align-self: flex-end;
}
.latest-acceptance-times-modal-header h2 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #002776;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.latest-acceptance-times-modal-header h2 span {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #141b31;
}
.latest-acceptance-times-modal-header h2 span strong {
  font-weight: 600;
  color: #002776;
}

.latest-acceptance-times-accordion h3 {
  margin-bottom: 0.75rem;
}
.latest-acceptance-times-accordion h3:last-of-type {
  margin-bottom: 1rem;
}
.latest-acceptance-times-accordion button {
  font-size: 0.75rem;
  color: #002776;
  font-weight: 600;
  background-color: #fece22;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 16px;
  text-align: center;
  min-height: 3.75rem;
  transition: background-color 0.15s ease-in-out;
}
.latest-acceptance-times-accordion button[aria-expanded=true] {
  background-color: #fff;
}
.latest-acceptance-times-accordion button[aria-expanded=true] span::after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.75rem;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23002776' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 800px) {
  .latest-acceptance-times-modal {
    max-width: 760px;
  }
  .latest-acceptance-times-accordion button[aria-expanded=true] span::after {
    display: none;
  }
  .latest-acceptance-times-accordion > div {
    display: flex;
    gap: 8px;
  }
  .latest-acceptance-times-accordion h3 {
    margin: 0 !important;
  }
  .latest-acceptance-times-accordion button {
    min-width: 135px;
    border: 1px solid #d0d3db;
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 0.813rem;
    font-weight: 600;
  }
  .latest-acceptance-times-accordion button[aria-expanded=true] {
    font-weight: 700;
  }
  .latest-acceptance-times-accordion div[role=region] {
    padding: 24px;
    background-color: #fff;
  }
}
table.latest-acceptance-times-table {
  width: 100%;
}
table.latest-acceptance-times-table caption {
  border-radius: 4px;
  color: #141b31;
  font-weight: 400;
  margin-bottom: 1rem;
  font-size: 0.813rem;
}
@media only screen and (max-width: 799.98px) {
  table.latest-acceptance-times-table caption {
    background-color: rgba(254, 206, 34, 0.2);
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
}
table.latest-acceptance-times-table tr:first-of-type th {
  border-top-left-radius: 4px;
}
table.latest-acceptance-times-table tr:first-of-type td {
  border-top-right-radius: 4px;
}
table.latest-acceptance-times-table tr:last-of-type th {
  border-bottom-left-radius: 4px;
}
table.latest-acceptance-times-table tr:last-of-type td {
  border-bottom-right-radius: 4px;
}
table.latest-acceptance-times-table th {
  height: 3.25rem;
  padding: 0.5rem 1rem;
}
table.latest-acceptance-times-table th span {
  border-radius: 50%;
  border: 1px solid #d0d3db;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.375rem 0.625rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #002776;
}
table.latest-acceptance-times-table td {
  font-size: 0.813rem;
  color: #141b31;
  text-align: right;
  padding: 0.5rem 1rem;
}
table.latest-acceptance-times-table tr {
  background-color: #fff;
}
table.latest-acceptance-times-table tr:not(:last-of-type) {
  border-bottom: 1px solid #d0d3db;
}
table.latest-acceptance-times-table tr[aria-current=true] {
  background-color: rgba(254, 206, 34, 0.2);
  font-weight: 600;
}
table.latest-acceptance-times-table tr[aria-current=true] span {
  background-color: #fece22;
}

@media only screen and (min-width: 800px) {
  .latest-acceptance-times-table tbody {
    display: flex;
  }
  .latest-acceptance-times-table th {
    padding: 0;
    height: auto;
    margin-bottom: 12px;
  }
  .latest-acceptance-times-table th span {
    font-weight: 600;
  }
  .latest-acceptance-times-table td {
    padding: 0;
    font-size: 0.688rem;
  }
  .latest-acceptance-times-table tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 12px;
    background: #fff;
    border: 1px solid #d0d3db;
    text-align: center;
  }
  .latest-acceptance-times-table tr:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .latest-acceptance-times-table tr:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .latest-acceptance-times-table tr:not(:last-of-type) {
    border-right: none;
  }
  .latest-acceptance-times-table tr[aria-current=true] {
    background-color: #fff;
  }
  .latest-acceptance-times-table tr[aria-current=true] th span {
    border-color: #fece22;
  }
}
.rating-modal {
  padding: 16px;
  box-shadow: 0px 0px 8px 0px rgba(13, 18, 38, 0.15);
  border: 1px solid #ccd4e4;
  background-color: white;
  max-width: 372px;
  width: 100%;
  max-height: calc(100dvh - 60px);
  overflow-y: auto;
}
.rating-modal h2 {
  font-size: 1.875rem;
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #002776;
  width: 100%;
  text-align: center;
  border: none;
}
.rating-modal textarea {
  resize: none;
}

@keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0;
  }
  100% {
    max-height: 15rem;
    opacity: 1;
  }
}
@keyframes contentSlideDown {
  from {
    transform: translateY(-15rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
#rating-note-wrapper:not([hidden]) {
  animation: slideDown 0.2s ease-out forwards;
}
#rating-note-wrapper:not([hidden]) #rating-note-wrapper-animation {
  animation: contentSlideDown 0.4s ease-out forwards;
}

/* Fallback pro uživatele, kteří preferují omezený pohyb */
@media (prefers-reduced-motion: reduce) {
  #rating-note-wrapper:not([hidden]) {
    animation: none;
    max-height: 15rem;
    opacity: 1;
  }
  #rating-note-wrapper:not([hidden]) #rating-note-wrapper-animation {
    animation: none;
    transform: none;
    opacity: 1;
  }
}