/* =========================================================
   DXPR BUILDER TOGGLES / ACCORDIONS
   ========================================================= */

/* Base button */
.az-toggle .accordion-button {
  background: linear-gradient(to bottom, #ffffff 0%, #d1d1d1 100%) !important;
  color: #333 !important;
  border: none !important;
  border-radius: 4px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7) !important;
  box-shadow: none !important;
}

/* Hover */
.az-toggle .accordion-button:hover {
  background: linear-gradient(to top, #ffffff 0%, #dcdcdc 100%) !important;
  color: var(--accent-red) !important;
}

/* Open */
.az-toggle .accordion-button:not(.collapsed) {
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%) !important;
  color: var(--accent-red) !important;
  box-shadow:
    inset 2px 2px 3px rgba(255,255,255,0.8),
    inset -2px -2px 3px rgba(0,0,0,0.2) !important;
}

/* Remove borders */
.az-toggle.accordion-item,
.az-toggle .accordion-header,
.az-toggle .accordion-button {
  border: none !important;
}

.az-toggle .accordion-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Item spacing */
.az-toggle.accordion-item {
  margin: 2px 0;
}

/* Engraved separator between items */
.az-toggle.accordion-item + .accordion-item {
  position: relative;
}

/* Dark line */
.az-toggle.accordion-item + .accordion-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: rgba(0,0,0,0.18);
}

/* Light line */
.az-toggle.accordion-item + .accordion-item::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 8px;
  right: 8px;
  height: 1px;
  background: rgba(255,255,255,0.7);
}

/* =========================================================
   USER PAGE ACCORDION VIEW
   View: proizvedeniya-avtora
   ========================================================= */

/* Base header */
.view-proizvedeniya-avtora .ui-accordion .js-views-accordion-group-header,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-accordion-header {
  position: relative !important;

  padding: 8px 34px 8px 12px !important;
  border: none !important;
  border-radius: 4px !important;

  background: linear-gradient(to bottom, #ffffff 0%, #d1d1d1 100%) !important;
  color: #333 !important;

  font-weight: inherit !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7) !important;
  box-shadow: none !important;
}

/* Keep child text readable */
.view-proizvedeniya-avtora .js-views-accordion-group-header,
.view-proizvedeniya-avtora .js-views-accordion-group-header *,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active *,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-focus,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-focus * {
  color: #333 !important;
}

/* Hover */
.view-proizvedeniya-avtora .js-views-accordion-group-header:hover,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-accordion-header:hover {
  background: linear-gradient(to top, #ffffff 0%, #dcdcdc 100%) !important;
  color: var(--accent-red) !important;
}

/* Open state */
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-accordion-header-active,
.view-proizvedeniya-avtora .js-views-accordion-group-header[aria-expanded="true"] {
  background: linear-gradient(to bottom, #ececec 0%, #cfcfcf 100%) !important;
  color: #333 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: inherit !important;
}

/* Focus/active click state */
.view-proizvedeniya-avtora .js-views-accordion-group-header:focus,
.view-proizvedeniya-avtora .js-views-accordion-group-header:active,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-focus,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active.ui-state-focus {
  background: linear-gradient(to bottom, #ececec 0%, #cfcfcf 100%) !important;
  color: #333 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hover text red */
.view-proizvedeniya-avtora .js-views-accordion-group-header:hover,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active:hover {
  color: var(--accent-red) !important;
}

/* Remove jQuery UI icons */
.view-proizvedeniya-avtora .ui-accordion-header-icon,
.view-proizvedeniya-avtora .ui-icon.ui-icon-triangle-1-e,
.view-proizvedeniya-avtora .ui-icon.ui-icon-triangle-1-s {
  display: none !important;
}

/* Custom chevron */
.view-proizvedeniya-avtora .js-views-accordion-group-header::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;

  width: 12px;
  height: 12px;

  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Open chevron */
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active::after,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-accordion-header-active::after,
.view-proizvedeniya-avtora .js-views-accordion-group-header[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Red chevron on hover */
.view-proizvedeniya-avtora .js-views-accordion-group-header:hover::after,
.view-proizvedeniya-avtora .js-views-accordion-group-header.ui-state-active:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%23c40000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Content panel */
.view-proizvedeniya-avtora .ui-accordion-content {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* =========================================================
   View: proizvedeniya_avtora
   Article title links
   ========================================================= */

.view-proizvedeniya-avtora a,
.view-proizvedeniya-avtora .views-field-title a,
.view-proizvedeniya-avtora .views-field-title-1 a {
  color: #0d6efd !important;
  text-decoration: none !important;
}

.view-proizvedeniya-avtora a:hover,
.view-proizvedeniya-avtora a:focus,
.view-proizvedeniya-avtora .views-field-title a:hover,
.view-proizvedeniya-avtora .views-field-title-1 a:hover {
  color: #0a58ca !important;
  text-decoration: underline !important;
}