/* 
 * Arkusz stylów dla indykatorów wtyczki WCAG by Wanilia.pl
 *
 * @package    Vanilla_Access
 * @version    1.1.0
 */

/* Kontener indykatorów */
.vanilla-access-indicators {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 4px;
}

/* Indykatory dla opcji wielostopniowych */
.vanilla-access-indicator-bars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.vanilla-access-indicator-bar {
  width: 12px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--vanilla-access-border-color) !important;
  transition: var(--vanilla-access-transition) !important;
}

.vanilla-access-indicator-bar.active {
  background-color: var(--vanilla-access-primary-color) !important;
}

/* Indykator dla opcji włącz/wyłącz */
.vanilla-access-indicator-check {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vanilla-access-primary-color) !important;
  opacity: 0;
  transition: var(--vanilla-access-transition) !important;
}

.vanilla-access-indicator-check.active {
  opacity: 1;
}

/* Modyfikacja stylu opcji */
.vanilla-access-option {
  border: 2px solid transparent !important;
  border-radius: var(--vanilla-access-border-radius) !important;
  padding: 10px;
  transition: var(--vanilla-access-transition) !important;
}

.vanilla-access-option.active {
  border-color: var(--vanilla-access-primary-color) !important;
}

.vanilla-access-option-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
}

/* Modyfikacja kolorów dla aktywnych/nieaktywnych opcji */
.vanilla-access-option.active .vanilla-access-option-icon,
.vanilla-access-option.active .vanilla-access-option-name {
  color: var(--vanilla-access-primary-color) !important;
}

.vanilla-access-option:not(.active) .vanilla-access-option-icon,
.vanilla-access-option:not(.active) .vanilla-access-option-name {
  color: var(--vanilla-access-text-color) !important;
}

/* Hover efekt dla opcji */
.vanilla-access-option:hover {
  background-color: rgba(66, 133, 244, 0.05) !important;
}

/* Ukrycie podmenu opcji */
#vanilla-access-options-content {
  display: none !important;
}