/* ============================================
   ACCEPTRICS COOKIE WIDGET BUTTON
   ============================================ */

.acceptrics-widget {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #0e3c3c 0%, #143a3a 100%);
  border: 2px solid rgba(197, 160, 89, 0.5);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 0.5rem;
  transition: all 0.3s ease;
  color: var(--gold, #c5a059);
  padding: 0;
  font-size: 20px;
}

.acceptrics-widget:hover {
  border-color: #c5a059;
  outline: 3px solid #c5a059;
  outline-offset: 2px;
  transform: scale(1.08);
}

.acceptrics-widget:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.4);
}

/* High contrast mode support */
[data-a11y-mode="black"] .acceptrics-widget {
  background: #000;
  border-color: #ffdd00;
  color: #ffdd00;
}

[data-a11y-mode="black"] .acceptrics-widget:hover {
  border-color: #ffdd00;
  outline: 3px solid #ffdd00;
  box-shadow: 0 6px 20px rgba(255, 221, 0, 0.3);
}

[data-a11y-mode="black"] .acceptrics-widget:focus {
  box-shadow: 0 0 0 3px rgba(255, 221, 0, 0.4);
}

[data-a11y-mode="white"] .acceptrics-widget {
  background: #fff;
  border-color: #0055cc;
  color: #0055cc;
}

[data-a11y-mode="white"] .acceptrics-widget:hover {
  border-color: #0055cc;
  outline: 3px solid #0055cc;
  box-shadow: 0 6px 20px rgba(0, 85, 204, 0.3);
}

[data-a11y-mode="white"] .acceptrics-widget:focus {
  box-shadow: 0 0 0 3px rgba(0, 85, 204, 0.4);
}

/* Color blindness mode support */
[data-a11y-mode="protanopia"] .acceptrics-widget {
  background: linear-gradient(135deg, #1a3a6a 0%, #2a4a7a 100%);
  border-color: #b3b300;
  color: #b3b300;
}

[data-a11y-mode="protanopia"] .acceptrics-widget:hover {
  border-color: #b3b300;
  outline: 3px solid #b3b300;
  box-shadow: 0 6px 20px rgba(179, 179, 0, 0.3);
}

[data-a11y-mode="protanopia"] .acceptrics-widget:focus {
  box-shadow: 0 0 0 3px rgba(179, 179, 0, 0.4);
}

[data-a11y-mode="deuteranopia"] .acceptrics-widget {
  background: linear-gradient(135deg, #0033aa 0%, #0044cc 100%);
  border-color: #cc8800;
  color: #cc8800;
}

[data-a11y-mode="deuteranopia"] .acceptrics-widget:hover {
  border-color: #cc8800;
  outline: 3px solid #cc8800;
  box-shadow: 0 6px 20px rgba(204, 136, 0, 0.3);
}

[data-a11y-mode="deuteranopia"] .acceptrics-widget:focus {
  box-shadow: 0 0 0 3px rgba(204, 136, 0, 0.4);
}

[data-a11y-mode="tritanopia"] .acceptrics-widget {
  background: linear-gradient(135deg, #cc0044 0%, #dd1155 100%);
  border-color: #008844;
  color: #008844;
}

[data-a11y-mode="tritanopia"] .acceptrics-widget:hover {
  border-color: #008844;
  outline: 3px solid #008844;
  box-shadow: 0 6px 20px rgba(0, 136, 68, 0.3);
}

[data-a11y-mode="tritanopia"] .acceptrics-widget:focus {
  box-shadow: 0 0 0 3px rgba(0, 136, 68, 0.4);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .acceptrics-widget {
    transition: none;
  }

  .acceptrics-widget:hover {
    transform: none;
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .acceptrics-widget {
    width: 36px;
    height: 36px;
  }

  .acceptrics-widget svg {
    width: 18px;
    height: 18px;
  }
}