$icon-font-path: '//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/fonts/'; // ie9 likes the ones on cdn better :P

@import '_enterprise_vars';

$body-bg: color('bg-light');
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;
$navbar-height: 40px;
$navbar-margin-bottom: 0;
$navbar-default-bg: color('primary');
$navbar-default-border: transparent;
$navbar-default-link-color: color('white');
$navbar-default-link-hover-color: color('secondary');
$navbar-default-link-hover-bg: transparent;
$navbar-default-link-active-bg: transparent;
$navbar-default-link-active-color: color('secondary');
$navbar-default-toggle-border-color: transparent;
$navbar-default-toggle-icon-bar-bg: color('white');
$navbar-default-toggle-hover-bg: color('primary-light');

$dropdown-bg: color('primary');
$dropdown-border: $dropdown-bg;
$dropdown-link-color: white;
$dropdown-link-hover-color: color('secondary');
$dropdown-link-hover-bg: transparent;

$popover-bg: color('primary');
$popover-border-color: $popover-bg;
$popover-fallback-border-color: $popover-bg;

$input-bg: color('form-bg');
$input-color: color('primary');
$input-border: color('form-border');
$input-border-radius: 0;
$input-border-radius-large: 0;
$input-border-radius-small: 0;
$input-border-focus: color('primary-light');

$btn-default-bg: color('gray');
$btn-default-border: color('gray');

$btn-primary-bg: color('primary');
$btn-primary-border: color('primary');

// Core variables and mixins
@import 'bootstrap-sass/assets/stylesheets/bootstrap/_variables';
@import "bootstrap-sass/assets/stylesheets/bootstrap/_mixins";

// Reset and dependencies
@import "bootstrap-sass/assets/stylesheets/bootstrap/_normalize";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_print";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons";

// Core CSS
@import "bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_type";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_code";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_grid";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_tables";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_forms";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_buttons";

// Components
@import "bootstrap-sass/assets/stylesheets/bootstrap/_component-animations";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_button-groups";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_input-groups";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_navs";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_navbar";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_pagination";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_pager";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_labels";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_badges";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_alerts";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_media";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_list-group";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_panels";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_wells";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_close";

// Components w/ JavaScript
@import "bootstrap-sass/assets/stylesheets/bootstrap/_modals";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_tooltip";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_popovers";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_carousel";

// Utility classes
@import "bootstrap-sass/assets/stylesheets/bootstrap/_utilities";
@import "bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities";


// dangerously override bootstrap styles here

.popover-content {
    color: color('white');
}



.btn {
    font-family: $font-family-sans-serif-light;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;

    &.btn-tiny {
        font-size: 1rem;
        padding: 0px 1.5rem;
    }
}

.modal-dialog {
    .modal-content {
        box-shadow: none;
        border: none;
        text-align: center;

        .close {
            color: color('primary');
        }

        .modal-header {
            box-shadow: none;
            border: none;
            font-family: $font-family-serif;
            color: color('primary');
        }

        .modal-footer {
            border: none;
        }
    }
}

.modal-backdrop {
    background-color: color('primary');

    &.in {
        background-color: color('primary');
        opacity: 0.8;
    }
}

// $input-border-radius does not work, override border radius here
.form-control {
    border-radius: $input-border-radius;
}

.badge {
    background-color: color('notification');
    text-transform: uppercase;
    color: color('white');
    font-size: 1rem;
}

// select2 styles
.select2-container {
    &.select2-container-active {
        .select2-choice, .select2-drop-active {
            border-color: $input-border-focus;
        }
    }
    &.select2-dropdown-open {
        .select2-choice, .select2-drop-active {
            background-color: color('white');
        }
    }
    .select2-choice {
        background-color: $input-bg;
        border-color: $input-border;
        border-radius: 0;
        font-family: $font-family-sans-serif;
    }
}


// style tags-input elements
tags-input {
    background-color: $input-bg;
    color: $input-color;
    border-color: $input-border;
    border-radius: $input-border-radius;

    .tags {
        &.focused {
            outline: 1px solid $input-border-focus;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(123, 133, 165, 0.6);
        }
    }

    .tag-item {
        background-color: color('white') !important;
        border: none !important;
        border-radius: 0 !important;
        position: relative !important;
        padding-right: 30px !important;

        .remove-button {
            background-color: color('secondary') !important;
            position: absolute;
            right: 0;
            top: 0;
            width: 25px;
            bottom: 0;
            font-size: 2rem !important;
            line-height: 26px !important;
            text-align: center;
            font-weight: normal !important;
            text-decoration: none;

            &:hover {
                background-color: darken(color('secondary'), 5%) !important;
            }
        }
    }

    .input {
        background-color: transparent;
        font-family: $font-family-sans-serif;
    }

    .autocomplete {
        border: none;
        box-shadow: none;

        .suggestion-item {
            font-family: $font-family-sans-serif;
            color: color('primary');

            &.selected {
                background-color: color('secondary');
                color: color('primary');
            }
        }
    }
}


// angular-squire
.hne-squire {

    border-color: $input-border;
    color: $input-color;

    &.focus {
        border-color: $input-border-focus;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(123, 133, 165, 0.6);
    }

    .editor-container {
        background-color: $input-bg;
    }

    iframe {
        background-color: $input-bg;
    }

    .angular-squire-wrapper {
        padding: 0;

        .placeholder {
            background-color: $input-bg;
        }
    }

    .menu {
        text-align: left;
        padding: 5px;
        border-bottom: 1px solid $input-border;

        .group {
            border: none;

            .item {
                background: transparent;
                border-color: transparent;
                cursor: pointer;
            }
        }
    }
}