//== Alerts
$alert-padding:               15px !default;
$alert-border-radius:         $border-radius-base !default;
$alert-link-font-weight:      $font-weight-bold !default;
$alert-text-color:            rgba($text-color, .8) !default;
$alert-close-hover:           $text-color !default;

$alert-primary-bg:            $primary-light !default;
$alert-primary-color:         $primary-dark !default;
$alert-success-bg:            $success-light !default;
$alert-success-color:         $success-dark !default;
$alert-info-bg:               $info-light !default;
$alert-info-color:            $info-dark !default;
$alert-warning-bg:            $warning-light !default;
$alert-warning-color:         $warning-dark !default;
$alert-danger-bg:             $danger-light !default;
$alert-danger-color:          $danger-dark !default;
$alert-default-bg:            $gray-background !default;
$alert-default-color:         $text-dark !default;


.alert {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: $alert-padding;
   margin-bottom: 20px;//$grid-gutter-width;
   border: 1px solid transparent;
   border-radius: $alert-border-radius;

   // Headings for larger alerts
   h4 {
      margin-top: 0;
      // Specified for the h4 to prevent conflicts of changing $headings-color
      color: inherit;
      margin-bottom: 10px;
      font-weight: $font-weight-bold;
   }

   // Provide class for links that match alerts
   .alert-link {
      font-weight: $alert-link-font-weight;
      cursor: pointer;
      text-decoration: underline;

      &:hover,
      &:focus {
         text-decoration: none;
      }
   }

   // Improve alignment and spacing of inner content
   > p,
   > ul {
      margin-bottom: 0;
   }

   > p + p {
      margin-top: 5px;
   }

   /* todo */
   .btn-link {
      color: $black;
      opacity: .65;

      &:focus,
      &:hover {
         text-decoration: none;
         opacity: .4;
      }
   }

   .glyphicon,
   .bi {
      margin-right: 8px;
   }
}

// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.

.alert-dismissable {
   padding-right: ($alert-padding + 20);

   // Adjust close link position
   .close {
      position: relative;
      top: 0;
      right: -21px;
      color: $alert-text-color;
      opacity: 1;
      text-shadow: none;

      .bi {
         margin: 0;
      }

      &:focus,
      &:hover {
         color: $alert-close-hover;
         opacity: 1;
      }
   }
}

// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.

.alert-primary {
   @include alert-variant($alert-primary-bg, $alert-primary-bg, $alert-primary-color);
}

.alert-success {
   @include alert-variant($alert-success-bg, $alert-success-bg, $alert-success-color);
}

.alert-info {
   @include alert-variant($alert-info-bg, $alert-info-bg, $alert-info-color);
}

.alert-warning {
   @include alert-variant($alert-warning-bg, $alert-warning-bg, $alert-warning-color);
}

.alert-danger {
   @include alert-variant($alert-danger-bg, $alert-danger-bg, $alert-danger-color);
}

.alert-default {
   @include alert-variant($alert-default-bg, $alert-default-bg, $alert-default-color);
}

/* custom alert pro redesign hlasku - todo smazat */
.alert-redesign {
   @include alert-variant($lightgray-dark);

   color: $text-dark;
   display: flex;
   align-items: center;
   justify-content: flex-start;

   .bi {
      color: $primary;
      font-size: 16px;//$font-size-large;
   }
}

[data-infopanel-wrapper] {
   .alert {
      flex-wrap: wrap;
   }
   .alert-heading {
      margin-right: 5px;
   }
   .alert > p + p {
      margin-top: 0;
      margin-left: 5px;
   }
}
