/* * * * * * * * * * * * * * * * * * * *
 * This file is loaded inline to avoid ad blockers and maintaining the least amount of overhead.
 * 
 * @author   : Daan van den Bergh
 * @url      : https://daan.dev/wordpress/caos/
 * @copyright: © 2021 - 2023 Daan van den Bergh
 * @license  : GPL2v2 or later
 * * * * * * * * * * * * * * * * * * * */

/**
 * Navigation
 */
.caos-nav {
  padding: 1em 0 1.5em;

  .dashicons-before:before {
    line-height: 1.2;
  }

  .nav-tab {
    &.disabled {
      cursor: not-allowed;
      color: #a2a2a2;
    }
  }
}

.caos form {
  max-width: 1350px;

  .caos-notice {
    display: block;
    padding: 12px 18px;
    margin: 1em 0 .75em;
    border: 1px solid #ececec;
    border-left: 4px solid #ececec;

    &.info {
      border: 1px solid #7FDBFF;
      border-left: 4px solid #7FDBFF;
      background-color: #E0EDF3;
    }
  }

  .option-disabled {
    color: #72aee6;
    font-style: italic;
  }
}

#caos-help-form {
  .postbox {
    padding: 0 15px 5px;

    .column-container {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;

      .column {
        ul {
          li {
            margin-bottom: 10px;

            &:last-child {
              margin-bottom: none;
            }

            a {
              text-decoration: none;
              line-height: 1.45;

              i {
                &.dashicons {
                  margin-right: 5px;
                  color: #646970;
                }
              }
            }
          }
        }

        &.last {
          margin-right: 45px;

          .signature {
            text-align: center;

            .dashicons-heart {
              color: #FF4136;
            }
          }
        }
      }
    }
  }
}

.track-cloaked-affiliate-links {
  width: 100%;

  th,
  td {
    padding: 0 15px;

    &:first-child,
    &:last-child {
      padding: 0;
    }
  }

  td {
    input[type="text"] {
      width: 100%;
    }

    .affiliate-link-remove {
      cursor: pointer;
    }
  }
}

/**
 * Loader
 */
.caos-loading {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;

  .spinner {
    top: 50%;
    left: 50%;
    position: absolute;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/**
 * Welcome Block
 */
#footer-thankyou {
  a {
    vertical-align: -.65em;
  }

  .dashicons {
    &.ffwp-heart {
      vertical-align: middle;
    }

    &.ffwp-heart:before {
      color: #FF4136;
    }
  }

  .signature-image {
    width: 96px;
  }
}