/* Flaticon icons are slightly too high with the default ligne-height of 1.5 */
i.fi {
  line-height: 1;
}

.glightbox, .feature-lightbox {
  cursor: pointer;
}

/* Prevent showing alt mention as lightbox bottom legend */
.gslider .gslide-description {
  display: none;
}

.gslide-media.gslide-image {
  width: 90vw;
  max-width: 1440px;

  img:not([src$=".svg"]) {
    width: 100%;
  }
}

@layer base {
  lexxy-editor ul, .trix-content ul {
    list-style: disc !important;
    list-style-position: inside !important;
  }
  lexxy-editor ol, .trix-content ol {
    list-style: numbers !important;
    list-style-position: inside !important;
  }
  lexxy-editor th, lexxy-editor td {
    border: 1px solid gray !important;
    min-width: 84px;
  }
  lexxy-editor a {
    text-decoration: underline;
    color: var(--color-teal-700);
  }
  @media (prefers-color-scheme: dark) {
    :where(lexxy-editor) {
      & button, & summary {
        @media (any-hover: hover) {
          &:hover:not([aria-disabled="true"]) {
            background: var(--color-accent-md) !important;
          }
        }
      }
    }
    :where(lexxy-toolbar) {
      & .lexxy-editor__toolbar-button {
        &:is(:active):not([aria-disabled="true"]), &[aria-pressed="true"] {
          background-color: var(--color-accent-md) !important;
        }
      }
    }
    :where(.lexxy-editor__toolbar-dropdown) {
      &.lexxy-editor__toolbar-dropdown--link {
        & [data-dropdown-panel] {
          & button {
            background-color: var(--color-accent-md) !important;
          }
        }
      }
    }
    lexxy-editor a {
      color: unset;
    }
  }
}