@import url("../../../shared/css/base.css");
@import url("../../../shared/css/toidud-base.css");
@import url("../../../shared/css/backgrounds.css");

html {
  font-size: max(var(--base), 8px) !important;
}

body { 
  background-size: 300%;
}

/* Plus Kohvikud: larger menu – reduce padding for more content space */
.wrap {
  padding: 1rem 1rem 0.4rem;
}

/* Slightly larger typography for better readability */
.name {
  font-size: 3.2rem;
}
.section h2 {
  font-size: 1.8rem;
}
.title-text {
  font-size: 2.5rem;
}
.title-en {
  font-size: 2.3rem;
}
.price-big {
  font-size: 3rem;
}
.price-small {
  font-size: 2.8rem;
}
.diet-legend-item {
  font-size: 1.8rem;
}

@media (max-height: 2200px) {
  .name {
    font-size: 3.4rem;
  }
  .section h2 {
    font-size: 2.2rem;
  }
  .title-text {
    font-size: 2.9rem;
  }
  .title-en {
    font-size: 2.7rem;
  }
  .price-big {
    font-size: 2.7rem;
  }
  .price-small {
    font-size: 2.5rem;
  }
}

/* Loader text size for toidud */
#loader .loader-text {
  font-size: 1rem;
}

/* Spinner size for toidud */
#loader .spinner {
  width: 32px;
  height: 32px;
}

/* Info margin for toidud */
.info {
  margin: 0.8rem auto 0;
}

body {
  cursor: auto !important;
  overflow-y: auto;
}

body.empty-state .brand img {
  height: 4rem;
}