/**
 * @file
 * Minimal CSS for Collapsible Content module.
 * Arrows point RIGHT when collapsed (default), DOWN when expanded.
 */

/* Стили применяются только к H2 внутри .box-collaps */
.box-collaps h2.collapsible-header {
  cursor: pointer;
  position: relative;
  padding-right: 25px !important; /* Место для стрелки */
}

/* Стрелка для ЗАКРЫТОГО состояния (по умолчанию) - указывает ВПРАВО */
.box-collaps h2.collapsible-header.collapsed:after {
  content: '▶';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: 0.6;
}

/* Стрелка для ОТКРЫТОГО состояния - указывает ВНИЗ */
.box-collaps h2.collapsible-header:not(.collapsed):after {
  content: '▼';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: 0.6;
}

/* Контент скрыт когда есть класс collapsed (по умолчанию) */
.box-collaps .collapsible-content.collapsed {
  display: none;
}

/* Контент виден когда нет класса collapsed */
.box-collaps .collapsible-content:not(.collapsed) {
  display: block;
}