/**************
 * GtkInfoBar *
 **************/
 %infobar,
 infobar {
   text-shadow: none;
   color: $fg_color;
   background-color: $bg_color;
   border-bottom:1px solid darken($bg_color,10%);
   box-shadow: 0 1px 0 0 transparentize(black, 0.95),
               0 1px 2px 0 transparentize(black, 0.85);
 
 }
 
 %color_infobar {
 
   @extend %infobar;
 
   text-shadow: none;
   color: $selected_fg_color;
   border:none;
 
   .label {
     color: $selected_fg_color;
 
     &:backdrop {
       color: $backdrop_selected_fg_color;
     }
   }
 
   button {
     border-radius: 2px;
     border: none;
     background: transparentize($base_color, 0.02);
     color: $fg_color;
     box-shadow: 0 1px 0 0 transparentize(black, 0.8);
 
     .label {
       color: $fg_color;
     }
 
     &:active {
       background: $base_color;
       color: $fg_color;
 
       box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
 
       &:backdrop {
         background: transparentize($base_color, 0.2);
         color: transparentize($fg_color, 0.5);
         box-shadow: none;
       }
     }
 
     &:hover,
     &:focus {
       box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
     }
 
     &:disabled {
       background: transparentize($base_color, 0.4);
       color: transparentize($fg_color, 0.5);
       box-shadow: none;
 
         &:backdrop {
           background: transparentize($base_color, 0.5);
           color: transparentize($fg_color, 0.5);
           box-shadow: none;
         }
     }
 
     &:backdrop {
       background: transparentize($base_color, 0.2);
       color: transparentize($fg_color, 0.5);
       box-shadow: none;
     }
   }
 }
 
 .info {
   @extend %color_infobar;
   
   &, &:backdrop {
     color: $info_color;
     background-color: transparent;
   }
 }
 
 .warning {
   @extend %color_infobar;
 
   &, &:backdrop {
     color: $warning_color;
     background-color: transparent;
   }
 }
 
 .question {
   @extend %color_infobar;
 
   &, &:backdrop {
     color: $question_color;
     background-color: transparent;
   }
 
 }
 
 .error {
   @extend %color_infobar;
 
   &, &:backdrop {
     color: $error_color;
     background-color: transparent;
   }
 }
 
// Gnome 47 info bars
banner revealer widget {
  background: $suggested_bg_color;
  &, &:backdrop { color: $fg_color; }
  padding: 5px;
  button.suggested-action {
    @include button(undecorated);
    background-color: transparentize(#000, 0.8);
    &:hover, &:active {
      background-color: transparentize(#000, 0.6);
    }
    &:backdrop {
      background-color: transparentize(#000, 0.7);
    }
  }
}