/*
 * @package   solo
 * @copyright Copyright (c)2014-2024 Nicholas K. Dionysopoulos / Akeeba Ltd
 * @license   GNU General Public License version 3, or later
 */

@use "sass:color";

// Fix for small displayports
@media (min-width: 480px) {
  .akeeba-form-control {
    max-width: 400px;
    display: inline !important;
  }

  .akeeba-form-control + .input-group-addon {
    width: 50px;
  }
}

// ShowOn helper class
.akeeba-showon-hidden {
  display: none !important;
}

/**
 * Configuration page
 **/
div.akeeba-config-area-container {
  border: thin solid color.scale($light-grey, $lightness: -20%);
  background: $light-grey;
  border-radius: 0.3em;
  padding: 1em;
  margin: 0.5em;
}

.akeeba-renderer-fef {
  form[class*="akeeba-form--configuration"] {
    .akeeba-form-group {
      input[type=checkbox] {
        margin-top: 0.5em;
      }
    }

    .akeeba-input-group {
      > span.akeeba-input-group-btn:last-child {
        button {
          padding: 0.3em 0.3em 0.3em 0.9em;
          margin: 0;
        }
      }
    }

    input.akeeba-form-input-mini,
    select.akeeba-form-input-mini {
      max-width: 7em;
      display: inline;

      & + .input-group-addon {
        width: 50px;
      }
    }

    input.akeeba-form-input-small,
    select.akeeba-form-input-small {
      max-width: 15em;
      display: inline !important;

      & + .input-group-addon {
        width: 50px;
      }
    }
  }
}