/*********
* 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;
      }
    }
  }
}

// Positional Styles
@each $pos, $b_pos in $pos_list {

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

  // 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,
                      transparent);
  }
}

// Budgie
.budgie-container {
  background-image: none;
  background-color: transparent;

  &:backdrop {
    background-image: none;
    background-color: transparent;
  }
}

// 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 {
  color: $budgie_panel_fg_color;
  background-color: $budgie_panel_bg_color;

  // this is the actual style for some reason
  &:backdrop {
    color: $budgie_panel_fg_color;
    background-color: $budgie_panel_bg_color;
  }

  // Menu
  BudgieMenuApplet {
    font: bold;
    .label {
      color: $budgie_panel_fg_color;
      text-shadow: 0 1px $shadow_color;
    }
  }

  // Clock
  ClockApplet {
    font: monospace bold;
    font-size: 90%;
    .label {
      color: $budgie_panel_fg_color;
      text-shadow: 0 1px $shadow_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;
    }
   }
}

// Raven

.raven {
  border:none;
  color: $fg_color;
  background-color: transparentize($bg_color, 0.02);

  .raven-header {
    font: bold;
    text-shadow: 0 1px $shadow_color;
    icon-shadow: 0 1px $shadow_color;
    background-color: $bg_color;
    color: $fg_color;
    border: solid $borders_color;
    border-width: 1px 0 1px 0;
    box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);

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

    > GtkSwitch {
      -GtkSwitch-slider-width: 20px;
      -GtkSwitch-slider-height: 20px;
      border-radius: 14px;

      .slider {
        border-radius: 10px;
      }
    }

  }

  @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

  }

  // Calendar
  .raven-calendar {
    border:none;
    padding: 2px;
    border-bottom:1px solid $borders_color;
  }

  // Session Buttons
  .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 {
      box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
      transition: 170ms ease all;
    }

    &:active {
      box-shadow: 0 1px transparentize(white,0.9);
      transition: 170ms ease all;
    }
  }

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

// MPRIS Applet
.raven-mpris {
  text-shadow: 0 1px $shadow_color;
  icon-shadow: 0 1px $shadow_color;
  color: $budgie_panel_fg_color;
  background-color: transparentize($budgie_panel_bg_color, 0.2);
  border: solid transparentize(black, 0.8);
  border-width: 1px 0;
  box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);

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

// Notifications
.budgie-notification-window {
  border:none;
  border-top: 1px solid transparentize(white,0.9);
  border-radius: 4px;
  background-color: $bg_color;
  box-shadow: 0 2px 2px 0 $shadow_color;
}

.budgie-notification {

  &.background {
  }

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

  .notification-body {
    border:none;
    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; }
}