@charset "UTF-8";
/**
 * Il sistema EBER — card accordion come style.scss (mixin u.card) su eber-accordion.
 * Scope: .page-sistema (template page-il-sistema-eber.php).
 */
.page-sistema .page-content > .wp-block-columns.eber-accordion-group,
.page-sistema .page-content > .wp-block-columns:has(> .wp-block-column [data-eber-accordion]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2em;
  row-gap: 20px;
  align-items: stretch;
  margin-bottom: 0;
}
.page-sistema .page-content > .wp-block-columns.eber-accordion-group > .wp-block-column,
.page-sistema .page-content > .wp-block-columns:has(> .wp-block-column [data-eber-accordion]) > .wp-block-column {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
}
.page-sistema .page-content > .wp-block-columns.eber-accordion-group > .wp-block-column > *,
.page-sistema .page-content > .wp-block-columns:has(> .wp-block-column [data-eber-accordion]) > .wp-block-column > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.page-sistema .eber-accordion {
  height: 100%;
}
.page-sistema .eber-accordion__trigger {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: var(--box-margin) var(--box-margin) calc(var(--box-margin) * 4) var(--box-margin);
  color: var(--color-white);
  font-weight: var(--font-weight-regular);
  background-color: var(--color-grey-2) !important;
  border-radius: var(--border-radius-20);
  border: 0;
  text-align: left;
  overflow: visible;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.page-sistema .eber-accordion__trigger::before {
  display: none;
}
.page-sistema .eber-accordion__trigger:hover, .page-sistema .eber-accordion__trigger.is-open {
  background-color: var(--color-orange) !important;
}
.page-sistema .eber-accordion__trigger:hover .eber-accordion__title {
  text-decoration: none;
}
.page-sistema .eber-accordion__title {
  position: relative;
  z-index: 1;
  margin: 0 0 20px;
  font-size: var(--font-size-lg) !important;
  font-weight: var(--font-weight-regular);
  line-height: 1.1;
  color: var(--color-white);
}
.page-sistema .eber-accordion__icon {
  width: var(--button-arrow-width);
  height: var(--button-arrow-width);
  background-color: var(--color-white) !important;
  border: none;
  border-radius: 100%;
  position: absolute;
  left: var(--box-margin);
  bottom: var(--box-margin);
  z-index: 1;
  display: block;
  font-size: 0;
  line-height: 0;
  color: transparent;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
.page-sistema .eber-accordion__icon::after {
  display: none;
}
.page-sistema .eber-accordion__icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/uploads/2026/04/ico-arrow-grey.svg") no-repeat center center;
  background-size: var(--button-arrow-inner-width) auto;
  pointer-events: none;
}
.page-sistema .eber-accordion__trigger:hover .eber-accordion__icon::before,
.page-sistema .eber-accordion__trigger.is-open .eber-accordion__icon::before {
  background-image: url("/wp-content/uploads/2026/04/ico-arrow-orange.svg");
}
.page-sistema .eber-accordion__trigger.is-open .eber-accordion__icon {
  transform: rotate(-90deg);
}
.page-sistema .wp-block-columns.eber-accordion-group + .eber-accordion-group__drawer,
.page-sistema .eber-accordion-group .eber-accordion__panel:not([hidden]) {
  margin-top: 20px;
  padding: var(--box-margin) 30px;
  border-top: 0;
  background: var(--color-grey-7);
  border-radius: var(--border-radius-20);
}
.page-sistema {
  /* Nessuna linea full-bleed sul drawer: solo i border-top delle righe .wp-block-columns */
}
.page-sistema .eber-accordion-group__drawer .eber-accordion__panel-inner,
.page-sistema .eber-accordion__panel-inner {
  border-top: 0;
}
.page-sistema .eber-accordion-group__drawer:has(.soci-content) .eber-accordion__panel-inner::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  margin: 0 !important;
}
.page-sistema {
  /* Dentro l'accordion lo spazio verticale lo da' il pannello: senza questo
     resterebbero i 100px di padding-bottom della regola base, solo in fondo. */
}
.page-sistema .eber-accordion-group__drawer .soci-content,
.page-sistema .eber-accordion__panel-inner .soci-content {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  border-radius: 0;
}
.page-sistema .eber-accordion-group__drawer .soci-card,
.page-sistema .eber-accordion__panel-inner .soci-card {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.page-sistema .eber-accordion-group__drawer .soci-grid,
.page-sistema .eber-accordion__panel-inner .soci-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}
.page-sistema .eber-accordion-group__drawer .soci-separator,
.page-sistema .eber-accordion__panel-inner .soci-separator {
  grid-column: 1/-1;
  border-top: 1px solid #ccc;
  margin: 8px 0;
}
.page-sistema .eber-accordion-group__drawer .socio-item,
.page-sistema .eber-accordion__panel-inner .socio-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  width: 100%;
}
.page-sistema .eber-accordion-group__drawer .socio-item img,
.page-sistema .eber-accordion__panel-inner .socio-item img {
  width: 100%;
  height: 70px;
  object-fit: contain;
  object-position: center;
}
.page-sistema .eber-accordion-group__drawer .socio-item span,
.page-sistema .eber-accordion__panel-inner .socio-item span {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary, #e35205);
}
.page-sistema .eber-accordion-group__drawer .sistema-list,
.page-sistema .eber-accordion__panel-inner .sistema-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 48px;
}
.page-sistema .eber-accordion-group__drawer .sistema-separator,
.page-sistema .eber-accordion__panel-inner .sistema-separator {
  grid-column: 1/-1;
  border-top: 1px solid #ccc;
  margin: 8px 0;
}
.page-sistema .eber-accordion-group__drawer .sistema-entita h3,
.page-sistema .eber-accordion__panel-inner .sistema-entita h3 {
  color: var(--color-primary, #e35205);
  margin-bottom: 8px;
}
.page-sistema .eber-accordion-group__drawer .sistema-entita p,
.page-sistema .eber-accordion__panel-inner .sistema-entita p {
  font-size: 14px;
  color: var(--color-gray, #8f8f8f);
  margin-bottom: 12px;
}
.page-sistema .eber-accordion-group__drawer .entita-links,
.page-sistema .eber-accordion__panel-inner .entita-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page-sistema .eber-accordion-group__drawer .entita-links a,
.page-sistema .eber-accordion__panel-inner .entita-links a {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary, #e35205);
  text-decoration: none;
}
.page-sistema .eber-accordion-group__drawer .entita-links a:hover,
.page-sistema .eber-accordion__panel-inner .entita-links a:hover {
  text-decoration: underline;
}
.page-sistema .eber-accordion-group__drawer .eber-sistema-entita-subtitle,
.page-sistema .eber-accordion__panel-inner .eber-sistema-entita-subtitle {
  margin: 0.75rem 0 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-black, #000);
  font-weight: var(--font-weight-regular);
}
.page-sistema .eber-accordion-group__drawer .wp-block-columns > .wp-block-column > p.has-medium-font-size,
.page-sistema .eber-accordion__panel-inner .wp-block-columns > .wp-block-column > p.has-medium-font-size {
  margin: 0;
}
.page-sistema .eber-accordion-group__drawer .wp-block-columns > .wp-block-column > .eber-read-more,
.page-sistema .eber-accordion__panel-inner .wp-block-columns > .wp-block-column > .eber-read-more {
  margin: 0.75rem 0 0;
}
.page-sistema .eber-accordion-group__drawer .wp-block-columns > .wp-block-column > .wp-block-spacer,
.page-sistema .eber-accordion__panel-inner .wp-block-columns > .wp-block-column > .wp-block-spacer {
  display: none;
}

@media (max-width: 768px) {
  .page-sistema .eber-accordion__trigger {
    padding: calc(var(--box-margin) / 2) calc(var(--box-margin) / 2) calc(var(--box-margin) * 2) calc(var(--box-margin) / 2);
  }
  .page-sistema .eber-accordion__icon {
    left: calc(var(--box-margin) / 2);
    bottom: calc(var(--box-margin) / 2);
  }
}
@media (max-width: 900px) {
  .page-sistema .page-content > .wp-block-columns.eber-accordion-group,
  .page-sistema .page-content > .wp-block-columns:has(> .wp-block-column [data-eber-accordion]) {
    grid-template-columns: 1fr;
  }
  .page-sistema .eber-accordion-group .eber-accordion,
  .page-sistema .eber-accordion-group .eber-accordion__trigger {
    height: auto;
  }
  .page-sistema .eber-accordion-group__drawer .soci-grid,
  .page-sistema .eber-accordion__panel-inner .soci-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 781px) {
  .page-sistema .eber-accordion-group__drawer .sistema-list,
  .page-sistema .eber-accordion__panel-inner .sistema-list {
    grid-template-columns: 1fr;
  }
  .page-sistema .eber-accordion-group__drawer .soci-grid,
  .page-sistema .eber-accordion__panel-inner .soci-grid {
    grid-template-columns: 1fr;
  }
}