/**************
 ! Window frame
***************/

@include exports("window") {
    decoration {
        border-radius: $roundness $roundness 0 0;
        // lamefun trick to get rounded borders regardless of CSD use
        border-width: 0;

        box-shadow: 0 3px 9px 1px transparentize($black, .5), 0 0 0 1px $wm_border_focused; //doing borders with box-shadow

        /* this is used for the resize cursor area */
        margin: $spacing * 3;

        &:backdrop {
            box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px transparentize($black, .8), 0 0 0 1px $wm_border_unfocused;
            transition: 200ms ease-out;
        }

        .maximized &, .fullscreen &, .tiled & { border-radius: 0; }

        .popup & { box-shadow: none; }

        // this needs to be transparent
        // see bug #722563
        // server-side decorations as used by mutter
        .ssd & { box-shadow: 0 0 0 1px $wm_border_focused; } //just doing borders, wm draws actual shadows

        .solid-csd & {
            border-radius: 0;
            margin: 1px;
            box-shadow: none;
            background-color: $bg_color;
            //border: solid 1px $dark_bg_color;
            box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight;

            &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
        }

        .csd.popup & {
            border-radius: 0;
            box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($wm_border_focused, .1);
        }

        tooltip.csd & {
            border-radius: $roundness;
            box-shadow: none;
        }

        messagedialog.csd & {
            border-radius: $roundness;
            box-shadow: 0 1px 2px transparentize($black, .8), 0 0 0 1px transparentize($wm_border_focused, .1);
        }
    }
}