// ==========================================================================
// RTE Editor Stylesheet
// Mirrors frontend typography so editors see accurate WYSIWYG output.
// Compiled as a separate entry → Resources/Public/Css/rte.css
// ==========================================================================

// Import the full variable/mixin chain (produces no CSS output by itself)
@import "base/variables";
@import "bootstrap/scss/functions";
@import "tools/tools";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/variables-dark";
@import "bootstrap/scss/maps";
@import "bootstrap/scss/mixins";

// --------------------------------------------------------------------------
// Base
// --------------------------------------------------------------------------

body {
  font-family: $font-family-base;
  font-size: $font-size-base;
  font-weight: $font-weight-regular;
  line-height: $line-height-base;
  color: $body-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// --------------------------------------------------------------------------
// Headings
// --------------------------------------------------------------------------

h1,
.h1 {
  font-size: $h1-font-size;
  font-weight: $font-weight-extrabold;
  color: $primary;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

h2,
.h2 {
  font-size: $h2-font-size;
  font-weight: $font-weight-extrabold;
  color: $primary;
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

h3,
.h3 {
  font-size: $h3-font-size;
  font-weight: $font-weight-bold;
  color: $primary;
  line-height: 1.3;
  margin-bottom: 1rem;
}

h4,
.h4 {
  font-weight: $font-weight-semibold;
  color: $primary;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

h5,
.h5,
h6,
.h6 {
  font-weight: $font-weight-semibold;
  color: $primary;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

// --------------------------------------------------------------------------
// Body text
// --------------------------------------------------------------------------

p {
  margin-bottom: 1rem;
  line-height: $line-height-base;
}

strong,
b {
  font-weight: $font-weight-bold;
}

em,
i {
  font-style: italic;
}

// --------------------------------------------------------------------------
// Links
// --------------------------------------------------------------------------

a {
  color: $link-color;
  text-decoration: underline;

  &:hover {
    color: $link-hover-color;
  }
}

// --------------------------------------------------------------------------
// Lists
// --------------------------------------------------------------------------

ul,
ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;

  li {
    margin-bottom: 0.25rem;
    line-height: 1.56;
  }
}

// --------------------------------------------------------------------------
// Blockquote
// --------------------------------------------------------------------------

blockquote {
  font-style: italic;
  font-weight: $font-weight-semibold;
  color: $primary;
  margin: 1.5rem 0;

  cite {
    display: block;
    margin-top: 0.5rem;
    font-size: $font-size-sm;
    font-style: normal;
    font-weight: $font-weight-semibold;
  }
}

// --------------------------------------------------------------------------
// Inline styles (NRW Styleguide utilities available in RTE)
// --------------------------------------------------------------------------

.lead {
  font-size: $font-size-lead;
  font-weight: $font-weight-lead;
  line-height: 1.4;
}

.small,
small {
  font-size: $font-size-sm;
}

figcaption,
.caption {
  font-size: $font-size-caption;
  font-weight: $font-weight-regular;
  line-height: 1.4;
  color: $black-50;
}