html {
  font-size: 14px;
}

/* Egységes, jól felismerhető piktogramok a szobai felszereltséghez. */
.amenity-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -.22em;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
.amenity-icon.wifi { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 8.5a15.8 15.8 0 0 1 20 0l-1.6 1.8a13.5 13.5 0 0 0-16.8 0L2 8.5Zm3.2 3.7a10.8 10.8 0 0 1 13.6 0l-1.7 1.8a8.4 8.4 0 0 0-10.2 0l-1.7-1.8ZM8.5 16a5.8 5.8 0 0 1 7 0L12 20l-3.5-4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 8.5a15.8 15.8 0 0 1 20 0l-1.6 1.8a13.5 13.5 0 0 0-16.8 0L2 8.5Zm3.2 3.7a10.8 10.8 0 0 1 13.6 0l-1.7 1.8a8.4 8.4 0 0 0-10.2 0l-1.7-1.8ZM8.5 16a5.8 5.8 0 0 1 7 0L12 20l-3.5-4Z'/%3E%3C/svg%3E"); }
.amenity-icon.fridge { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h12v20H6V2Zm2 2v7h8V4H8Zm0 9v7h8v-7H8Zm1-7h1v3H9V6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h12v20H6V2Zm2 2v7h8V4H8Zm0 9v7h8v-7H8Zm1-7h1v3H9V6Z'/%3E%3C/svg%3E"); }
.amenity-icon.iron { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 19h17v2H3v-2Zm2-2c.4-5.4 3.2-8.2 8-8.8V6H9V4h5c1.7 0 3 1.3 3 3v1.2c2.2.5 3.7 2.1 4 4.8l.7 4H5Zm2.2-2h11l-.3-1.7c-.4-2-1.5-3-3.6-3h-2.2c-2.6.2-4.2 1.7-4.9 4.7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 19h17v2H3v-2Zm2-2c.4-5.4 3.2-8.2 8-8.8V6H9V4h5c1.7 0 3 1.3 3 3v1.2c2.2.5 3.7 2.1 4 4.8l.7 4H5Zm2.2-2h11l-.3-1.7c-.4-2-1.5-3-3.6-3h-2.2c-2.6.2-4.2 1.7-4.9 4.7Z'/%3E%3C/svg%3E"); }
.amenity-icon.hairdryer { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 8h9a5 5 0 0 1 0 10H9v4H6v-4H3V8Zm3 3v4h6a2 2 0 0 0 0-4H6Zm10-1 4-3v2.5l-3 2 3 2V16l-4-3V10Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 8h9a5 5 0 0 1 0 10H9v4H6v-4H3V8Zm3 3v4h6a2 2 0 0 0 0-4H6Zm10-1 4-3v2.5l-3 2 3 2V16l-4-3V10Z'/%3E%3C/svg%3E"); }
.amenity-icon.towel { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 3v12h10V6H7Zm2 2h6v2H9V8Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 3v12h10V6H7Zm2 2h6v2H9V8Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E"); }
.amenity-icon.fireplace { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm3 3v10h10V7H7Zm5 2c2 2 3 3.2 3 5a3 3 0 0 1-6 0c0-1.2.7-2.2 2-3.3L12 9Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm3 3v10h10V7H7Zm5 2c2 2 3 3.2 3 5a3 3 0 0 1-6 0c0-1.2.7-2.2 2-3.3L12 9Z'/%3E%3C/svg%3E"); }
.amenity-icon.dishwasher,.amenity-icon.kettle,.amenity-icon.stove,.amenity-icon.oven { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm0 5v9h12v-9H6Zm2 2h8v2H8v-2Zm0 3h8v2H8v-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm0 5v9h12v-9H6Zm2 2h8v2H8v-2Zm0 3h8v2H8v-2Z'/%3E%3C/svg%3E"); }
.amenity-icon.dishwasher { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm2 5h8v2H8v-2Zm0 4h8v2H8v-2Zm0 4h8v1H8v-1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm2 5h8v2H8v-2Zm0 4h8v2H8v-2Zm0 4h8v1H8v-1Z'/%3E%3C/svg%3E"); }
.amenity-icon.kettle { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h10a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2h-2v8H6V8Zm2 2v6h4v-6H8Zm-1-3a4 4 0 0 1 8 0h-2a2 2 0 0 0-4 0H7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h10a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2h-2v8H6V8Zm2 2v6h4v-6H8Zm-1-3a4 4 0 0 1 8 0h-2a2 2 0 0 0-4 0H7Z'/%3E%3C/svg%3E"); }
.amenity-icon.stove { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16H3V4Zm2 2v3h14V6H5Zm2 6h3v3H7v-3Zm5 0h3v3h-3v-3Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16H3V4Zm2 2v3h14V6H5Zm2 6h3v3H7v-3Zm5 0h3v3h-3v-3Z'/%3E%3C/svg%3E"); }
.amenity-icon.oven { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm1 5h10v8H7v-8Zm2 2v4h6v-4H9Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm2 2v3h12V5H6Zm1 5h10v8H7v-8Zm2 2v4h6v-4H9Z'/%3E%3C/svg%3E"); }

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
