/* Common styles for EPB.

   This file is used by all EPB modules.
   The styles of this CSS file are meant to be independant of the theme. */

/* Some common styles */
:root {
  --epb-ct-font-weight: bold;
  --epb-ct-font-style: italic;
}

.epb-ct {
  font-weight: var(--epb-ct-font-weight);
  font-style: var(--epb-ct-font-style);
}

/* Does not work yet. In Bootstrap >= 5.3 maybee? */
.custom-tooltip {
  --bs-tooltip-max-width: 200px;
  --bs-toottip-opacity: 0.5;
  --bs-tooltip-bg: var(--bs-primary);
  --bs-tooltip-color: var(--bs-white);
}

/* Views EPB Full Project */
/* ---------------------- */

/* Global layout */
.view-epb-full-project-er .view-display-id-collection {
  padding: 20px 0 5px 30px;
}

.view-epb-full-project-er .view-display-id-record {
  padding: 20px 0 5px 30px;
  border: 1px dotted var(--bs-orange);
}

/* Rows space separation */
.view-epb-full-project-er .epb-header-unformatted-list~.views-row {
  padding-left: 30px;
}

.view-epb-full-project-er .epb-header-unformatted-list~.views-row:not(:first-child) {
  padding-top: 10px;
}

.view-epb-full-project-er .epb-header-unformatted-list~.views-row:last-child {
  padding-bottom: 20px;
}

.view-epb-full-project-er .view-display-id-collection .epb-unformatted-list .views-row {
  border-left: 1px solid var(--bs-gray-300);
}

/* Headers */
.view-epb-full-project-er .epb-header-unformatted-list h3 a {
  font-weight: bold;
  font-size: 1rem;
}

/* Gallery level */
.view-epb-full-project-er .epb-gallery {
  font-size: 2rem;
}

.view-epb-full-project-er .epb-gallery img {
  vertical-align: baseline;
}

/* Area level */
.view-epb-full-project-er .epb-area {
  color: var(--bs-gray-500);
}

/* Collection level */
.view-epb-full-project-er .epb-collection {
  color: var(--bs-gray-700);
  font-weight: bold;
}

.view-epb-full-project-er .epb-area-default {
  padding: 20px 0 0 0;
  color: var(--bs-gray-600);
}

/* Record level */
.view-epb-full-project-er .epb-record {
  color: var(--bs-success);
  font-weight: bold;
}

.view-epb-full-project-er .view-display-id-record .epb-summary {
  padding: 0 20px;
  font-size: x-small;
}

/* Pathway */
.view-epb-full-project-er .epb-pathway {
  padding: 5px;
  font-style: italic;
  font-size: 1rem;
  color: var(--bs-orange);
  border: 1px dotted var(--bs-orange);
}

/* Labels */
.view-epb-full-project-er .epb-level-label {
  text-decoration: underline;
  color: var(--bs-orange);
}

.view-epb-full-project-er .epb-type-label {
  font-style: italic;
  font-size: 1rem;
}

/* Legend */
.epb-legend {
  margin-bottom: 20px;
}

.epb-legend-label {
  text-decoration: underline;
}

/* Anomalies */
.view-epb-full-project-er .view-display-id-anomaly {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 2%;
  background: rgba(var(--bs-danger-rgb), .1);
}

.view-display-id-anomaly .epb-anomalies-title {
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: underline;
}

/* Unpublished content */
.node--unpublished {
  background-color: #faefef;
  border: 6px dashed #ccc;
  padding: 10px !important;
}

.view-epb-full-project-er .node--unpublished {
  background-color: #faefef;
  border: 3px dashed #ccc;
  padding: 3px !important;
}
/* Admin */
.field-option__icon.field-icon-json {
  background-image: url(../svg/json-icon.svg);
}