@import (reference) "../variables/legacy-variables.less";
@import (reference) "./mixins/_nav-vertical-align.less";
@import (reference) "./mixins/_nav-divider.less";
@import (reference) "./mixins/_arrows.less";
@import (reference) "./mixins/_border-radius.less";
@import (reference) "./mixins/_clearfix.less";
@import (reference) "./mixins/_center-block.less";
@import (reference) "./mixins/_hide-text.less";
@import (reference) "./mixins/_grid.less";
@import (reference) "./mixins/_tab-focus.less";
@import (reference) "./mixins/_logical-properties.less";
@import "./addons/_utilities.less";
@import "dropdowns.less";
@import "navs.less";
@import "navbar-base.less";
@import "close.less";

.form-inline {
  // Kick in the inline
  @media (min-width: @screen-sm-min) {
    // Inline-block all the things for "inline"
    .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }

    // In navbar-form, allow folks to *not* use `.form-group`
    .form-control {
      display: inline-block;
      width: auto; // Prevent labels from stacking above inputs in `.form-group`
      vertical-align: middle;
    }

    // Make static controls behave like regular ones
    .form-control-static {
      display: inline-block;
    }

    .input-group {
      display: inline-table;
      vertical-align: middle;

      .input-group-addon,
      .input-group-btn,
      .form-control {
        width: auto;
      }
    }

    // Input groups need that 100% width though
    .input-group > .form-control {
      width: 100%;
    }

    // DEPRECATED: use `Field` component (or in some edge cases `Label` component) instead
    .control-label {
      margin-bottom: 0;
      vertical-align: calc(-2px);
    }

    // Remove default margin on radios/checkboxes that were used for stacking, and
    // then undo the floating of radios and checkboxes to match.
    .radio,
    .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;

      label {
        .padding(left, 0);
      }
    }

    .radio input[type="radio"],
    .checkbox input[type="checkbox"] {
      position: relative;
      .margin(left, 0);
    }

    // Re-override the feedback icon.
    .has-feedback .form-control-feedback {
      top: 0;
    }
  }
}

// Extracted form 'tranferwise.less'
.nav,
.navbar,
.pager,
.dropdown-menu {
  a {
    text-decoration: none;
  }
}

.tw-public-navigation-item-content__text.text-ellipsis,
.tw-public-navigation-item-content__text.text-ellipses,
.tw-public-navigation-item-content__text.truncate {
  display: inline-block;
}

.navbar-background--inverse {
  background-color: @color-navy-background-elevated;
}
