@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@keyframes borderExpand {
  0% {
    border-width: 0; }
  50% {
    border-width: 10px;
    /* Pośredni efekt dla środkowego borderu */ }
  100% {
    border-width: 3px;
    /* Maksymalna szerokość dla zewnętrznego borderu */ } }
.restaurant-table-search {
  margin-top: -12vw;
  margin-bottom: calc(12vw - 84px);
  display: flex;
  justify-content: center; }
  .restaurant-table-search .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding-left: 10px;
    height: 84px;
    border-radius: 16px; }
  .restaurant-table-search .form-group {
    margin-bottom: 0; }
  .restaurant-table-search .custom-select {
    border: 2px solid #6a737c;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .restaurant-table-search .custom-select:hover, .restaurant-table-search .custom-select:focus {
      box-shadow: inset 0px 0px 5px 0px var(--page-bg-color);
      border-color: var(--page-bg-color); }
    .restaurant-table-search .custom-select .input-label {
      font-size: 14rem;
      color: #6a737c;
      font-weight: 300;
      margin-bottom: 0; }
    .restaurant-table-search .custom-select .selected {
      font-size: 18rem;
      color: #3d4650;
      font-weight: 400;
      margin-bottom: 0; }
      .restaurant-table-search .custom-select .selected.no-date-available {
        font-size: 16rem; }
  .restaurant-table-search .input-date .custom-select {
    border-right-width: 1px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 200px; }
  .restaurant-table-search .input-hour .custom-select {
    border-right-width: 1px;
    border-left-width: 1px;
    border-radius: 0; }
  .restaurant-table-search .input-people .custom-select {
    border-left-width: 1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }

@media (max-width: 575.5px) {
  #page-foto-restaurant .container-fluid {
    padding-bottom: calc(16vw + 120px); }

  .restaurant-table-search {
    margin-top: calc(-16vw - 100px);
    margin-bottom: calc(16vw - 54px); }
    .restaurant-table-search .wrapper {
      height: auto;
      padding-top: 10px;
      background-color: transparent;
      padding-left: 0px; }
    .restaurant-table-search .custom-select {
      width: 100px;
      height: 52px; }
      .restaurant-table-search .custom-select .input-label {
        font-size: 16rem; }
    .restaurant-table-search .input-date {
      border: 5px solid white;
      border-right: none;
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px; }
      .restaurant-table-search .input-date .custom-select {
        width: 100px; }
    .restaurant-table-search .input-hour {
      border: 5px solid white;
      border-left: none;
      border-right: none; }
    .restaurant-table-search .input-people {
      border: 5px solid white;
      border-left: none;
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px; }
    .restaurant-table-search .btn-magic {
      padding: 32px 60px; }

  .restaurant-menu {
    padding-top: 40px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  #page-foto-restaurant .container-fluid {
    padding-bottom: 16vw; }

  .restaurant-table-search {
    margin-top: calc(-16vw + 10px);
    margin-bottom: calc(16vw - 91px); }
    .restaurant-table-search .wrapper {
      height: 81px; }
    .restaurant-table-search .custom-select {
      width: 120px;
      height: 52px; }
    .restaurant-table-search .input-date .custom-select {
      width: 120px; }
    .restaurant-table-search .btn-magic {
      padding: 32px 60px; }

  .restaurant-menu {
    padding-top: 40px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .restaurant-table-search {
    margin-top: calc(-12vw + 10px);
    margin-bottom: calc(12vw - 92px); }
    .restaurant-table-search .wrapper {
      height: 82px; }
    .restaurant-table-search .input-date .custom-select {
      width: 160px; }

  .restaurant-menu {
    padding-top: 40px; } }

/*# sourceMappingURL=restaurant.css.map */