@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
  display: none !important;
}

body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  -webkit-font-smoothing: antialiased;
}

#product-description-container h1 {
  font-size: 1.875rem; /* 30px */
  line-height: 2.25rem;
}

#product-description-container h2 {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem;
}

#product-description-container h3 {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}

#product-description-container h4,
#product-description-container h5 {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}

#product-description-container h5,
#product-description-container h6 {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}


#product-description-container ul {
  list-style-type: disc;
  list-style-position: inside;
}

#collection-description-container ~ * {
  margin-top: 1rem;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(107 114 128);
}

@layer components {

  #reservation-form-container .btn {
    @apply w-full text-center;
  }

  #reservation-form-container #reservation-form-wrapper {
    @apply !block;
  }

  #reservation-form-container #reservation-form {
    @apply block md:flex;
  }

  #reservation-form-container #reservation-form > div {
  }

  #reservation-form-container #reservation-form .btn {
    @apply mt-3 inline-flex w-full items-center justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:ml-3 sm:mt-2 sm:w-auto mt-2 h-11;
  }

  .reservation-form--show {
    @apply block max-h-fit;
  }

  #reservation-form-container input[type='email'] {
    @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6 h-11 mt-2;
  }

  #reservation-form-container .input-error-message {
    @apply text-sm text-red-600 mt-2;
  }



  #sofortlieferung .btn {
    @apply w-full text-center;
  }

  #sofortlieferung #sofort-form .btn {
    @apply mt-3 inline-flex w-full items-center justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-[#2D22E0] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:ml-3 sm:mt-2 sm:w-auto mt-2 h-11;
  }

  #sofortlieferung #sofort-form {
    @apply block md:flex;
  }

  #sofortlieferung .sofort-form__input-group {
    flex: 1 0 50%;
  }

  #sofortlieferung input[type='text'] {
    @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-200 sm:text-sm sm:leading-6 h-11 mt-2;
  }

}

.sofort-shipping-form {
  max-height: 200px;
}

.inner-section:not(.inner-section:first-of-type) {
  padding-top: 6rem;
}

.inner-section:last-of-type {
  padding-bottom:6rem;
}

@media (min-width:640px) {
  .inner-section:not(.inner-section:first-of-type) {
    padding-top: 8rem;
  }
  .inner-section:last-of-type {
    padding-bottom:8rem;
  }
}