/* Utility classes - replacements for inline styles */

/* Background colors */
.bg-dark {
  background: #333333;
}

.bg-white {
  background: #ffffff;
}

/* Border styles */
.border-white-56 {
  border-color: rgba(255, 255, 255, 0.56);
}

/* Overlay opacity */
.overlay-65 {
  opacity: 0.65;
}

.overlay-hidden {
  opacity: 0;
}

.overlay-30 {
  opacity: 0.3;
}

/* Text colors */
.text-dark {
  color: rgb(5, 5, 5);
}

.text-red {
  color: rgb(251, 46, 46);
}

.text-white {
  color: rgb(255, 255, 255);
}

/* Text alignment */
.text-left {
  text-align: left;
}

/* User interaction */
.user-select-auto {
  user-select: auto;
}

/* Visibility */
.hidden {
  display: none;
}

/* Screen reader only */
.sr-only {
  position: absolute;
  left: -9999px;
}

/* Background images - index page */
.bg-cta {
  background-image: url('../images/bg-cta.jpeg');
}

.bg-history {
  background-image: url('../images/bg-history.jpeg');
}

.bg-form {
  background-image: url('../images/bg-form.jpeg');
}

.bg-form-bottom {
  background-image: url('../images/bg-form-bottom.jpeg');
}

/* Background images - product pages */
.bg-cta-bottom {
  background-image: url('../images/bg-cta-bottom.jpeg');
}

.bg-cta-pelmeni {
  background-image: url('../images/bg-cta-pelmeni.jpeg');
}

.bg-cta-vareniki {
  background-image: url('../images/bg-cta-vareniki.jpeg');
}

.bg-cta-kotlety {
  background-image: url('../images/bg-cta-kotlety.png');
}

/* Additional utility classes */
.overlay-10 {
  opacity: 0.1;
}

.text-dark-alt {
  color: #111111;
}