/*********
* Budgie *
**********/

$budgie_panel_bg_color: #263238;
$budgie_panel_fg_color: #cfd8dc;

@function gtkalpha($c,$a) {
  @return unquote("alpha(#{$c},#{$a})");
}

$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
$asset_suffix: if($variant == 'default', '', '-hc');

%underscores {
  &:hover { background-color: transparentize(black, 0.9); }
  &:active, &:checked { background-color: transparentize(black, 0.8); }

  @each $pos, $b_pos in $pos_list {
    .#{$pos} & {
      border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
      border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);

      @at-root {
        .#{$pos} .budgie-panel .unpinned .launcher,
        .#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
      }

      &:hover {
        border-#{$b_pos}: 2px solid transparentize(black, 0.9);
        border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
      }

      &:active, &:checked {
        border-#{$b_pos}: 2px solid transparentize(black, 0.8);
        border-#{$pos}: 2px solid $selected_bg_color;
      }
    }
  }
}

// Budgie
.budgie-container {
  border: none;
  box-shadow: none;
  background: none;
  font-size: 100%;
}

// Budgie Menu
.budgie-menu {
  GtkSearchEntry.entry:not(:selected) {
    border: none;
    box-shadow: none;
    background: none;
    font-size: 100%;

    &.image { padding-left: 0px; padding-right: 6px; }
  }
  .list-row.activatable:selected,
  .list-row.activatable:selected .button { color: inherit; }
}

// Panel
.budgie-panel {
  font: bold;
  font-size: 100%;
  color: $budgie_panel_fg_color;
  background-color: $budgie_panel_bg_color;

  &:backdrop {
    color: $budgie_panel_fg_color;
    background-color: $budgie_panel_bg_color;
  }

  // Tasklist
  WnckTasklist {
    .button,
    .button:backdrop {

      border-radius: 0;

      @if $variant == 'default' {
        // &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
        background: none;
        background-clip: padding-box;
        border: none;

        @extend %underscores;
      }
    }
  }

  // Icon Tasklist
  .launcher {
    // transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding-left: 2px;
    padding-right: 2px;
    border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition

    &:hover { -gtk-image-effect: highlight; }
  }

  .unpinned {
    .launcher {
      @extend %underscores;
    }
  }

  .pinned {
    .launcher.running {
      @extend %underscores;
    }
   }
}



@each $pos, $b_pos in $pos_list {

  // Panel borders
  .#{$pos} .budgie-panel {
    border-#{$b_pos}: 1px solid transparentize(black,0.8);
    box-shadow:none;
  }

  // Raven borders
  .#{$pos} .raven-frame {
    border-#{$b_pos}: 1px solid transparentize(black, 0.2);
    box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
  }

  // Shadows
  .#{$pos} .shadow-block {
    background-color: transparent;
    background-image: linear-gradient(to $b_pos,
                      $shadow_color,
                      transparent);
  }
}

// Raven

.raven {
  color: $fg_color;
  background-color: transparentize($bg_color, 0.02);
  transition: 170ms ease-out;

  .raven-header {
    background-color: $bg_color;
    color: $fg_color;
    border-top: 1px solid $borders_color;
    border-bottom: 1px solid $borders_color;
    box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);

    &.top { border-top-style: none; }
    &.bottom { border-bottom-style: none; }
  }

  @if $variant=='default' {
    .expander-button { color: gtkalpha(currentColor, 0.5); }
  }

  .raven-background {
    background-color: $base_color;
    border-bottom: 1px solid $borders_color;
    box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);

    &.middle { border-bottom-style: none; }  // applet background between two headers
  }

  .powerstrip {
    background-color: transparent;
    border: none;
    box-shadow:none;
  }

  .powerstrip .button {
    border-radius:50%;
    padding: 12px;
    background: transparentize(black,0.9);
    border: 1px solid transparentize(black,0.8);
    box-shadow: 0 1px transparentize(white,0.9);
    font-size: 100%;

    &:hover {
      background: transparentize(black,0.9);
      border: 1px solid transparentize(black,0.8);
      box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
      transition: 170ms ease all;
    }
  }

  .option-subtitle {
    font-size: smaller;
  }
}

// MPRIS Applet
.raven-mpris {
  // color: $mpris_overlay_fg;
  // background-color: $mpris_overlay_bg;
  // border: solid $mpris_overlay_border;
  border-width: 1px 0;

  .button.image-button { padding: 8px; }
}

// Notifications
.budgie-notification-window {
  border-radius: 1px;
}

.budgie-notification {
  &.background {
    background-color: white;
    border-radius: 4px;
  }

  .notification-title {
    font-size: 110%;
    color: $fg_color;
  }

  .notification-body { color: transparentize($budgie_panel_fg_color, 0.3); }
}

.drop-shadow {
  box-shadow: 0 1px 1px 0 $shadow_color;
}

// Session Dialog
.budgie-session-dialog {
  padding:12px;
  border-radius: 4px;
  border:none;
  border-top: 1px solid transparentize(white,0.9);
  &.background { @extend .drop-shadow; }

  .linked.horizontal > .button {
    border-bottom: none;
    border-radius: 0;
    &:first-child { border-left: none; border-radius: 0 0 0 4px; }
    &:last-child { border-right: none; border-radius: 0 0 4px 0; }
  }
}

// PolKit Dialog
.budgie-polkit-dialog {
  @extend .budgie-session-dialog;

  .message { color: transparentize($budgie_panel_fg_color, 0.3); }
  .failure { color: $red; }
}