/**
 * @file
 * Views Vanilla JavaScript Accordion.
 *
 * Filename:     vvja-style.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
.vvja .vvja-button,
.vvja .global-toggle button {
  padding: 0.75rem;
  border: 2px solid currentColor;
  border-radius: 0.375rem;
}

.vvja .vvja-button:focus,
.vvja .vvja-button:hover {
  font-weight: normal;
}

.vvja .vvja-item.opened > button {
  border: none;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
}

.vvja .vvja-item.opened {
  border: 1px solid currentColor;
  border-radius: 0.375rem;
}

.vvja .vvja-inner-inner {
  margin-block-start: 1rem;
}

/* Global toggle button styles */
.vvja .global-toggle .button {
  padding: 0.75rem;
  margin-inline-end: 0;
}

.vvja .vvja-item .vvja-pane-inner>*:first-child {
  padding-block-start: 0;
  margin-block-start: 0;
}

.vvja .vvja-item.opened {
  gap: 0;
}