// ==========================================================================
// SEO - Gestion du référencement
// ==========================================================================

@use '../base/variables' as *;

.admin-seo {
  background: $color-neutral;
  min-height: 100vh;

  .char-count {
    font-size: 12px;
    color: $color-primary-lighter;
    float: right;
  }

  .preview {
    background: $color-neutral;
    padding: 20px;
    border-radius: $radius-sm;
    margin-top: 30px;

    h3 {
      color: $color-dark;
      margin-bottom: 15px;
      font-size: 18px;
    }

    &-title {
      color: #1a0dab;
      font-size: 20px;
      margin-bottom: 5px;
      font-weight: 400;
      cursor: pointer;

      &:hover {
        text-decoration: underline;
      }
    }

    &-url {
      color: #006621;
      font-size: 14px;
      margin-bottom: 5px;
    }

    &-description {
      color: #545454;
      font-size: 14px;
      line-height: 1.4;
    }
  }

  .status {
    padding: 10px;
    border-radius: $radius-sm;
    margin-bottom: 20px;
    text-align: center;
    display: none;

    &.success {
      background: #d4edda;
      color: #155724;
      display: block;
    }
  }
}