/***************
! Dimmed label *
****************/

@include exports("dimlabel") {
    .dim-label {
        opacity: .5;
        text-shadow: none;
    }
}


/***********
 ! Tooltip *
************/

@include exports("tooltip") {
    .tooltip {
        &.background {
            @include linear-gradient($tooltip_bg_color);

            border: 0;
            border-radius: $roundness;
            color: $tooltip_fg_color;
        }

        * {
            background-color: transparent;
            color: inherit;
        }
    }
}


/***********
 ! Dialogs *
************/

@include exports("dialogs") {
    messagedialog, .message-dialog, .prompt {
        -GtkDialog-content-area-border: 0;
        -GtkDialog-action-area-border: $spacing;
        -GtkDialog-button-spacing: 0;

        margin: 0;
        padding: 0;
    }
}


/*********************
 ! App notifications *
**********************/

@include exports("notifications") {
    .app-notification {
        &, &.frame {
            border-style: solid;
            border-color: border_normal($osd_bg);
            border-width: 0 1px 1px;
            border-radius: 0 0 $roundness $roundness;
            padding: $spacing * 2;
            background-color: $osd_bg;
            background-image: none;
            color: $osd_fg;

            .button { @include button($osd_bg, $osd_fg); }
        }
    }
}


/*************
 ! Expanders *
**************/

@include exports("expander") {
    expander {
        arrow {
            min-width: 16px;
            min-height: 16px;
            -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');

            &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }

            &:hover { color: alpha(currentColor, .8); } //only lightens the arrow

            &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
        }
    }
}


/*******************
 ! Symbolic images *
********************/

@include exports("symbolicimage") {
    .image {
        color: alpha(currentColor, .5);

        &:hover { color: alpha(currentColor, .9); }

        &:selected, &:selected:hover { color: $selected_fg_color; }
    }
}


/****************
 ! Floating bar *
*****************/

@include exports("floatingbar") {
    .floating-bar {
        @include linear-gradient($bg_color);

        border: 1px solid border_normal($bg_color);
        border-radius: $roundness;
        color: $fg_color;

        &.top {
            border-top-width: 0;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        &.right {
            border-right-width: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        &.bottom {
            border-bottom-width: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        &.left {
            border-left-width: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        .button {
            border: 0;
            background-color: transparent;
            background-image: none;
        }
    }
}


/*************************
 ! Touch text selections *
**************************/

@include exports("touchbubble") {
    GtkBubbleWindow {
        border-radius: $roundness;
        background-clip: border-box;

        &.osd.background { background-color: $osd_bg; }

        .toolbar { background-color: transparent; }
    }
}

/***************
 ! Font-viewer *
****************/

@include exports("fontviewer") {
    SushiFontWidget {
        padding: $spacing ($spacing * 2);
    }
}


/*************
 ! Gucharmap *
**************/

@include exports("charmap") {
    GucharmapChartable {
        background-color: $base_color;
        color: $text_color;

        &:focus, &:hover, &:active, &:selected { @extend %selected; }
    }
}


/*************
 ! Evolution *
**************/

@include exports("evolution") {
    EPreviewPane .entry {
        background-color: $base_color;
        color: $text_color;
    }
}


/*******************
 ! Gnome Bluetooth *
********************/

@include exports("gnome-bluetooth") {
    entry.entry.pin-entry {
        font: regular 50;
        padding-left: 25px;
        padding-right: 25px;
    }

    label.pin-label { font: regular 50; }
}


/*******************
 ! Selected Items  *
********************/

@include exports("selected_items") {
    %selected_items {
        background-color: $selected_bg_color;

        @at-root %nobg_selected_items, & {
            color: $selected_fg_color;

            @if $variant == 'light' { outline-color: transparentize($selected_fg_color, .7); }

            &:disabled { color: mix($selected_fg_color, $selected_bg_color, .5); }

            &:backdrop {
                color: $backdrop_selected_fg_color;

                &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); }
            }
        }
    }
}