/*
 * Ajustes para el off-canvas del Layout Builder y CKEditor 5 (Drupal 10).
 *
 * El reset de core (core/misc/dialog/off-canvas/css/reset.css) usa
 * "#drupal-off-canvas-wrapper :where(...)" con "all: revert". El id le da
 * especificidad (1,0,0), asi que gana sobre las clases de Bootstrap 3
 * (.collapse, .fade, .panel-body) y los paneles colapsados quedan visibles
 * y encimados. Aqui se restauran con mayor especificidad.
 */
#drupal-off-canvas-wrapper .panel-body {
  padding: 15px;
}

#drupal-off-canvas-wrapper .collapse {
  display: none;
}

#drupal-off-canvas-wrapper .collapse.in {
  display: block;
}

#drupal-off-canvas-wrapper .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

#drupal-off-canvas-wrapper .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

#drupal-off-canvas-wrapper .fade.in {
  opacity: 1;
}

/*
 * CKEditor 5 envuelve las tablas en <figure class="table">. La regla global
 * "figure { line-height: 0 }" (look.css) la heredan las celdas y el texto
 * queda encimado, tanto en el editor como en el frontend.
 */
figure.table {
  line-height: inherit;
}

/*
 * Menu contextual (lapiz) de los bloques del Layout Builder.
 *
 * Las plantillas de layout/bloques del tema imprimen el placeholder del menu
 * contextual pero no dentro de un elemento con la clase "contextual-region",
 * asi que no aplica el estilo de core
 * (".contextual-region .contextual .contextual-links ..."). Se replica con un
 * selector que no depende de la region. Cuando si hay region, ganan las reglas
 * de core (mayor especificidad) con los mismos valores.
 * No se define "display" en la lista: lo controla contextual.module.css.
 */
.contextual .contextual-links {
  position: relative;
  top: -1px;
  right: 6px;
  float: right;
  clear: both;
  margin: 0;
  padding: 0.25em 0;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 4px 0 4px 4px;
  background-color: #fff;
}

[dir="rtl"] .contextual .contextual-links {
  right: auto;
  left: 6px;
  float: left;
  text-align: right;
  border-radius: 0 4px 4px 4px;
}

.contextual .contextual-links li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
  background-color: #fff;
  line-height: 100%;
}

.contextual .contextual-links a {
  display: block;
  margin: 0.25em 0;
  padding: 0.4em 0.6em;
  color: #333;
  background-color: #fff;
  font-family: sans-serif;
  font-size: small;
  font-weight: normal;
  line-height: 0.8em;
  text-decoration: none;
}

.no-touchevents .contextual .contextual-links li a:hover {
  color: #000;
  background: #f7fcff;
}