/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Main Nav
.tobago-dropdown-menu {
  background-color: #ffffff !important;

  .form-check-label {
    color: #555555;
  }
}

// Nav Buttons
.navbar {
  .tobago-button {
    background-color: $dark-sea !important;
    border: 1px solid $dark-sea !important;

    &:hover {
      background-color: #61b5b5;
      border: 1px solid #61b5b5;
    }
  }

  .tobago-link {
    color: #333333 !important;
  }

  button.tobago-link.dropdown-item:disabled span {
    color: #555555;
    opacity: .5;
  }
}

.tobago-dropdown-menu {
  --bs-dropdown-min-width: 13rem !important;
}

// Side Nav
tobago-tree label {
  margin-top: 15px;
}

// Footer
.fixed-bottom {
  color: #333333;
  transition: 0.2s ease;

  a {
    color: inherit;
    transition: inherit;

    &:hover {
      color: #8DC0C0;
    }
  }
}

// Global
body {
  background-color: #ffffff !important;
}

p,
.tobago-header h1,
h2,
h3,
h4,
h5,
.tobago-section-content,
.figure-caption {
  color: #333333 !important;
}

.tobago-header {
  h2, .h2, h3, .h3, h4, .h4 {
    margin-top: 14px;
  }
}

.tobago-link {
  transition: 0.3s ease;

  &:hover {
    color: #8DC0C0;
  }
}

tobago-tree {
  tobago-tree-node > .tobago-link {
    color: #333333;
    font-weight: 300;
  }
}

/*.tobago-header {
  margin-top: 30px;
}*/

demo-highlight {
  pre {
    background-color: #f7f7f7;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px 20px 20px 15px;
    border-radius: 5px;
    margin: 15px 0 30px 0 !important;
    scroll-behavior: unset;
    font-size: 12px;

    .language-bash, .language-bash span,
    .form-control-plaintext {
      color: #333333 !important;

    }
  }
}

// Code snippets on the Tobago website
code[class*="language-"],
:not(pre) > code[class*="language-"] {
  font-size: .8em;
}

tobago-form {
  tobago-box {
    border: 1px solid #d6dde3 !important;

    .card-body {
      background-color: #f7f7f7;
    }
  }
}

// Tables
.table {
  > :not(caption) > * > * {
    background-color: #f7f7f7;
    padding: 15px 15px 15px 30px;
  }
}

// Forms
.tobago-label-container .form-select,
.form-control:not(:disabled),
.form-check-input:not(:checked) {
  background-color: #f7f7f7;
  border: 1px solid #d6dde3;

  &:focus {
    background-color: unset;
    border-color: unset;
  }
}

.form-control[type="text"], .form-control[type="date"], textarea {
  &:not([readonly]):not([disabled]) {
    color: #666666
  }
}

.tobago-label-container .form-control:disabled,
.tobago-label-container .form-select:disabled {
  background-color: #d8d9db;
  border: 1px solid #d6dde3;
}

.form-control-plaintext {
  color: #333333;
  font-size: 12px;
}

.badge {
  background-color: $dark-sea;
}

.form-check-label,
.col-form-label {
  color: #333333;
}

// Card
tobago-box.card .card-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6dde3;
  padding: 15px 0 15px 20px;

  h3 {
    color: #333333;
  }
}

// Buttons
.btn-group-vertical {
  .btn {
    background-color: #777777;
    color: #ffffff;
    border: 1px solid #d6dde3;
    transition: 0.2s ease;
  }
}

.tobago-section-content {
  a {
    color: #333333;
    transition: 0.2s ease;
  }
}

.btn-group {
  .tobago-button:active {
    background-color: #6b9191;
    border-color: #6b9191;
    color: #ffffff;
  }
}

.card .card-body demo-copy-to-clipboard .tobago-button,
.tobago-section-content .tobago-button,
.tobago-button,
.btn:disabled,
.tobago-now,
{
  color: #ffffff !important;
  background-color: $dark-sea;
  border: 1px solid $dark-sea;

  &:hover {
    color: #ffffff;
    background-color: #61a6a6;
    border: 1px solid #61a6a6;
  }
}

/* disabled btn */
.btn.tobago-button {
  &:disabled,
  &[disabled] {
    background-color: $dark-sea;
    border-color: $dark-sea;
  }
}

.btn:disabled {
  background-color: #8faaaa;

  &:hover {
    color: #000000;
  }
}

tobago-select-one-radio {
  .form-check-label {
    img {
      padding-right: unset;
      margin-right: 0.3em;
      border: 1px solid #bdbdbd;
      max-width: 22px;
    }
  }
}
