@tailwind base;
@tailwind components;
@tailwind utilities;
/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/* line 3, app/assets/stylesheets/_colors.scss */
.ponavas-pink-gradient {
  background: linear-gradient(to right top, #bf0000, #bf0000, #bf0000, #bf0000, #bf0000) !important;
  background-image: linear-gradient(to right top, #bf0000, #bf0000, #bf0000, #bf0000, #bf0000) !important;
}

/* line 1, app/assets/stylesheets/_header.scss */
.nav-container {
  min-height: 80px;
}

/* line 6, app/assets/stylesheets/_header.scss */
.logo-link img {
  color: #bf0000;
}

/* line 11, app/assets/stylesheets/_header.scss */
.invalid-inset-input-text-field {
  border-color: #f43f5e !important;
}

/* line 14, app/assets/stylesheets/_header.scss */
.invalid-inset-input-text-field label {
  color: #f43f5e !important;
}

/* line 18, app/assets/stylesheets/_header.scss */
.invalid-inset-input-text-field input[type="email"], .invalid-inset-input-text-field input[type="text"] {
  color: #f43f5e !important;
}

/* line 19, app/assets/stylesheets/_header.scss */
.invalid-inset-input-text-field input[type="email"]:focus, .invalid-inset-input-text-field input[type="text"]:focus {
  border-color: #f43f5e !important;
}

/* line 2, app/assets/stylesheets/profiles.scss */
.profiles-sidebar a.active {
  background-color: #f9fafb !important;
  color: #ea580c !important;
}

/* line 5, app/assets/stylesheets/profiles.scss */
.profiles-sidebar a.active:hover {
  background-color: white !important;
}

/* line 8, app/assets/stylesheets/profiles.scss */
.profiles-sidebar a.active svg {
  color: #ea580c !important;
}

/* line 10, app/assets/stylesheets/profiles.scss */
.profiles-sidebar a.active svg:hover {
  color: #ea580c !important;
}

/* line 2, app/assets/stylesheets/delivery.scss */
.delivery-button a.active {
  border-color: transparent !important;
  --tw-ring-color: rgb(0, 122, 255) !important;
  box-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

/* line 6, app/assets/stylesheets/delivery.scss */
.delivery-button a.active:hover {
  background-color: #f2f2f2 !important;
}

/* line 10, app/assets/stylesheets/delivery.scss */
.delivery-button a.inactive {
  border-color: #d1d5db;
}

/* line 12, app/assets/stylesheets/delivery.scss */
.delivery-button a.inactive:hover {
  background-color: #f2f2f2 !important;
}

/* line 8, app/assets/stylesheets/application.scss */
.home-bg {
  background-color: #f3f2f7;
}

/* line 12, app/assets/stylesheets/application.scss */
.carousel-cell {
  width: 100%;
  /* full width */
  height: 250px;
  margin-right: 10px;
  border-radius: 6% 6% 0 0;
  counter-increment: carousel-cell;
  object-fit: cover;
}

/* line 21, app/assets/stylesheets/application.scss */
.carousel.is-fullscreen .carousel-cell {
  height: 250px;
}

/* line 25, app/assets/stylesheets/application.scss */
.carousel {
  height: 250px;
}

/* line 29, app/assets/stylesheets/application.scss */
.carousel-cell img {
  display: block;
  max-height: 250px;
}

/* position outside */
/* line 36, app/assets/stylesheets/application.scss */
.flickity-prev-next-button.previous {
  visibility: hidden;
}

/* line 39, app/assets/stylesheets/application.scss */
.flickity-prev-next-button.next {
  visibility: hidden;
}

/* position dots in carousel */
/* line 44, app/assets/stylesheets/application.scss */
.flickity-page-dots {
  visibility: hidden;
  bottom: 0px;
}

/* white circles */
/* line 49, app/assets/stylesheets/application.scss */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  border: 2px solid white;
}

/* fill-in selected dot */
/* line 56, app/assets/stylesheets/application.scss */
.flickity-page-dots .dot.is-selected {
  background: grey;
}

/* line 60, app/assets/stylesheets/application.scss */
.info-box {
  background-color: white;
  border-radius: 0 0 18px 18px;
  color: white;
}

/* line 66, app/assets/stylesheets/application.scss */
.nav-bar-active {
  background-color: #d1e7ff;
  border-radius: 0 0 7px 7px;
  font-weight: bold;
  color: #4b91e8;
}

/* line 72, app/assets/stylesheets/application.scss */
.bg-light-blue {
  background-color: #d1e7ff;
  color: #4b91e8;
}

/* line 77, app/assets/stylesheets/application.scss */
.bg-blue {
  background-color: #007aff;
  color: white;
}

/* line 82, app/assets/stylesheets/application.scss */
.nav-bar-inactive {
  background-color: white;
  color: black;
}

/* line 87, app/assets/stylesheets/application.scss */
.nav-bar-up-active {
  background-color: #f3f2f7;
  border-radius: 7px 7px 0 0;
}

/* line 93, app/assets/stylesheets/application.scss */
.mt-1-dot-5 {
  margin-top: 5px;
}

/* line 97, app/assets/stylesheets/application.scss */
.border-r {
  border-right: 0.7px solid #c9c9c9;
}

/* line 101, app/assets/stylesheets/application.scss */
.border-b {
  border-bottom: 0.7px solid #c9c9c9;
}

/* line 106, app/assets/stylesheets/application.scss */
.rounded-box {
  background-color: white;
  border-radius: 18px 18px 18px 18px;
}

/* line 111, app/assets/stylesheets/application.scss */
.nav-bar-active {
  background-color: #d1e7ff;
  border-radius: 0 0 7px 7px;
  font-weight: bold;
  color: #4b91e8;
}

/* line 118, app/assets/stylesheets/application.scss */
.button {
  background-color: #007aff;
  border-radius: 18px 18px 18px 18px;
  font-weight: bold;
  color: white;
}

/* line 125, app/assets/stylesheets/application.scss */
.button-orange {
  background-color: #ff5000;
  border-radius: 18px 18px 18px 18px;
  font-weight: bold;
}

/* line 131, app/assets/stylesheets/application.scss */
.button-hover {
  background-color: #008fff;
  border-radius: 18px 18px 18px 18px;
  font-weight: bold;
  color: white;
}

/* line 140, app/assets/stylesheets/application.scss */
.button-light-blue {
  border-radius: 18px 18px 18px 18px;
  background-color: #d1e7ff;
  color: #4b91e8;
}

/* line 146, app/assets/stylesheets/application.scss */
.text-blue {
  color: #007aff;
}

/* line 152, app/assets/stylesheets/application.scss */
.focus:focus-within {
  border: 2px solid #007aff;
}

/* line 156, app/assets/stylesheets/application.scss */
.flash-notice {
  background-color: #f0f9ff;
  /* Light blue background */
  color: #ff7b00;
  /* Blue text */
  padding: 6px 12px;
  border-radius: 4px;
}

/* line 163, app/assets/stylesheets/application.scss */
.flash-alert {
  background-color: #f0f9ff;
  /* Light blue background */
  color: #ff2d1a;
  /* Blue text */
  padding: 6px 12px;
  border-radius: 4px;
}

/* line 170, app/assets/stylesheets/application.scss */
#welcome-modal-wrapper {
  z-index: 1000;
  /* Adjusted to a much higher value */
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* line 178, app/assets/stylesheets/application.scss */
.relative-container {
  position: relative;
  /* Ensure the dimensions cover the whole image area */
}

/* line 183, app/assets/stylesheets/application.scss */
.button-container {
  position: absolute;
  bottom: 0;
  /* Align to the bottom of the container */
  right: 0;
  /* Align to the right of the container */
}