.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    margin-top: 20px;
}

.social-btn {
    margin: 10px;
    border-radius: 50%; /* Make buttons circular */
    width: 40px; /* Set a fixed width and height */
    height: 40px;
    display: flex; /* Use flexbox for centering */
    justify-content: center;
    align-items: center;
    font-size: 20px; /* Adjust font size as needed */
    color: white; /* Set text color */
}

.social-btn:hover {
    opacity: 0.8; /* Add a hover effect */
}

.social-btn.instagram {
    background-color: #e4405f; /* Instagram color */
}

.social-btn.facebook {
    background-color: #3b5998; /* Facebook color */
}

.social-btn.youtube {
    background-color: #ff0000; /* YouTube color */
}
.social-links {
    display: flex;
    justify-content: center; /* or space-around, space-between, etc. */
    list-style: none; /* Remove default bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.social-links li {
    margin: 0 10px; /* Add spacing between items */
}
.btn-outline-primary {
    margin: 10px;
    padding: 5px 15px;
    border-radius: 20px;
  }

.accessibility-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1200;
}
.accessibility-panel {
  background: #fff;
  border: 2px solid #333;
  padding: 1em 1em 0.5em 1em;
  border-radius: 10px;
  box-shadow: 2px 2px 12px #888;
  min-width: 220px;
}
.visually-hidden {
  display: none !important;
}
/* Высокий контраст для body */
body.high-contrast, .high-contrast main, .high-contrast .footer, .high-contrast .bg-light {
  background: #000 !important;
  color: #fff !important;
}
body.high-contrast a {
  color: #ffff00 !important;
}