// --------------------------------------------------------------------------------
// Adjustments
// --------------------------------------------------------------------------------
header,
main,
footer {
  position: relative;
  top: 59px;
}

// --------------------------------------------------------------------------------
// Backgrounds
// --------------------------------------------------------------------------------
.bg-image {
  background-image: url("../../img/centos-motif.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-image-center {
  background-position: center;
}

.bg-image-top {
  background-position: top;
}

.bg-image-bottom {
  background-position: bottom;
}

.bg-dots {
  background-image: radial-gradient(#fcfcfc 8px, transparent 8px);
  background-size: 24px 24px;
  background-color: #ffffff;
}

// --------------------------------------------------------------------------------
// Section
// --------------------------------------------------------------------------------
.h-polygon-ltr {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 0 100%);
}
.h-polygon-rtl {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 100 80%);
}

// --------------------------------------------------------------------------------
// Backgrounds Gradients
// --------------------------------------------------------------------------------
.bg-gradient-primary {
  background: rgb(227, 202, 220);
  background: linear-gradient(90deg, rgba(227, 202, 220, 1) 0%, rgba(250, 228, 189, 1) 100%);
}
.bg-gradient-secondary {
  background: rgb(227, 202, 220);
  background: linear-gradient(270deg, rgba(227, 202, 220, 1) 0%, rgba(250, 228, 189, 1) 100%);
}

// --------------------------------------------------------------------------------
// Text Gradients
// --------------------------------------------------------------------------------
.text-gradient-primary,
.text-gradient-secondary {
  color: transparent;
  background-clip: text;
}
.text-gradient-primary {
  background-image: linear-gradient(90deg, #{$primary} 50%, #{$secondary} 60%);
}
.text-gradient-secondary {
  background-image: linear-gradient(270deg, #{$primary} 50%, #{$secondary} 60%);
}

nav {
  // --------------------------------------------------------------------------------
  // Nav
  // --------------------------------------------------------------------------------
  .navbar-brand {
    .manifestation {
      --bs-border-opacity: 0.5;
    }
  }
}

main {
  // --------------------------------------------------------------------------------
  // Navbar and linked headings' correction.
  //
  // By default, when you access page headings from the page table of content
  // (toc) links, the heading is hidden behind the navbar.  This workaround
  // fixes the linked headings visibility issue in the page.
  // --------------------------------------------------------------------------------
  .content > h1,
  .content > h2,
  .content > h3,
  .content > h4,
  .content > h5,
  .content > h6 {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px;
    margin-top: 3rem;
  }
  .content > figure {
    scroll-margin-top: 80px;
    scroll-margin-bottom: 100px;
  }

  .content {
    // --------------------------------------------------------------------------------
    // Highlightjs-copy
    // --------------------------------------------------------------------------------
    code.hljs {
      border-radius: var(--bs-border-radius);
    }
    pre {
      code.hljs {
        max-height: 50vh;
        overflow: auto;
      }
      button.hljs-copy-button {
        --hljs-theme-background: var(--bs-body-color);
      }
    }

    // --------------------------------------------------------------------------------
    // Alerts
    // --------------------------------------------------------------------------------
    p {
      &.alert {
        padding-left: 3.4rem;
        background-repeat: no-repeat;
        background-position: 0.85rem 0.85rem;
      }
      &.alert-primary {
        background-image: $alert-primary-icon;
      }
      &.alert-secondary {
        background-image: $alert-secondary-icon;
      }
      &.alert-danger {
        background-image: $alert-danger-icon;
      }
      &.alert-warning {
        background-image: $alert-warning-icon;
      }
      &.alert-info {
        background-image: $alert-info-icon;
      }
      &.alert-success {
        background-image: $alert-success-icon;
      }
    }

    // --------------------------------------------------------------------------------
    // Tuneup first paragraph top margin when it is the first element inside
    // content.
    // --------------------------------------------------------------------------------
    > p:first-child {
      margin-top: 3rem;
    }

    // --------------------------------------------------------------------------------
    // Tables
    // --------------------------------------------------------------------------------
    div.dataTables_wrapper {
      margin-bottom: 1rem;
      div.dataTables_info {
        padding-top: 0;
      }
    }
    table {
      thead {
        @extend .table-light;
      }
    }
  }
}

footer,
.accordion-body {
  a {
    &:link {
      text-decoration: none;
    }
    &:hover {
      text-decoration: underline;
    }
  }
}