/**
 * Copyright (c) 2017 Vlasta Vesely <vlastavesely@protonmail.ch>
 *
 * This file is part of Raleigh Reloaded GTK theme.
 *
 * This is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License version 2
 * as published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

/***********
 * general *
 ***********/
* {
	-gtk-icon-style: regular; /* disable symbolic icons */
}
.background {
	background-color: @theme_bg_color;
	color: @theme_fg_color;
}
*:disabled {
	color: #393b39;
	-gtk-icon-effect: dim;
}
.flat:not(:hover):not(:checked) {
	border: 0;
}

/*************
 * selection *
 *************/
selection,
*:selected,
.view:selected {
	background: @theme_bg_color;
	color: @theme_fg_color;
}
selection:focus,
*:selected:focus,
.view:selected:focus,
*:focus *:selected {
	background-color: @theme_selected_bg_color;
	color: @theme_selected_fg_color;
}
.rubberband,
.view.rubberband,
rubberband {
	background-color: alpha(@theme_selected_bg_color, 0.3);
	border: 1px solid @theme_selected_bg_color;
}

/***********
 * buttons *
 ***********/
button, .button {
	background: @button_bg_color;
	border-image: url("assets/button.png") 3 / 3px stretch;
	color: @theme_fg_color;
	padding: 5px;
}
button:hover, .button:hover {
	background-color: shade(@button_bg_color, 1.05);
}
button:active, .button:active,
button:active:hover, .button:active:hover,
button.toggle:checked,
button.toggle:active:hover,
stackswitcher button:checked {
	background-color: @button_bg_color;
	border-image-source: url("assets/button-pressed.png");
}
button:focus, .button:focus {
	border-image-source: url("assets/button-focus.png");
}
button:disabled, .button:disabled {
	background-color: @theme_bg_color;
	border-image-source: url("assets/button-disabled.png");
}
button.link {
	color: @link_color;
}
button.link > label {
	text-decoration-line: underline;
}
button.color * {
	border-image: url("assets/frame-etched-out.png") 2 / 2px stretch;
	margin: 0 .3em;
	min-height: 1.2em;
}

/**************
 * scrollbars *
 **************/
scrollbar button,
scrollbar button:hover,
scrollbar button:active,
scrollbar button:active:hover,
scrollbar button:disabled {
	background: @theme_bg_color no-repeat;
	color: black;
	font-size: .8em;
	min-height: .8rem;
	min-width: .8rem;
	padding: 2px;
}
scrollbar button:disabled {
	color: shade(@theme_bg_color, .6);
}
scrollbar slider {
	background: @button_bg_color;
	border-image: url("assets/button.png") 2 / 2px stretch;
}
scrollbar slider:hover {

}
scrollbar.vertical slider {
	min-height: .5rem;
	min-width: .8rem;
	padding: 2px;
}
scrollbar.horizontal slider {
	min-height: .8rem;
	min-width: .5rem;
	padding: 2px;
}
scrollbar.vertical button.up {
	-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
scrollbar.vertical button.down {
	-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
scrollbar.horizontal button.up {
	-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}
scrollbar.horizontal button.down {
	-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

/*********************
 * checks and radios *
 *********************/
check, radio, .view.cellradio {
	margin: .3em .4em .3em .3em;
	min-height: 13px;
	min-width: 13px;
}
checkbutton:hover, radiobutton:hover {
	background-color: shade(@theme_bg_color, 1.05);
}
checkbutton label, radiobutton label {
	padding-right: .5em;
}
check {
	-gtk-icon-source: url("assets/check.png");
}
check:checked {
	-gtk-icon-source: url("assets/check-checked.png");
}
check:checked:disabled {
	-gtk-icon-source: url("assets/check-checked-disabled.png");
}
check:disabled {
	-gtk-icon-source: url("assets/check-disabled.png");
}
check:indeterminate {
	-gtk-icon-source: url("assets/check-indeterminate.png");
}
check:indeterminate:disabled {
	-gtk-icon-source: url("assets/check-indeterminate-disabled.png");
}
radio, .view.cellradio {
	-gtk-icon-source: url("assets/radio.png");
}
radio:checked {
	-gtk-icon-source: url("assets/radio-checked.png");
}
radio:disabled {
	-gtk-icon-source: url("assets/radio-disabled.png");
}
radio:checked:disabled {
	-gtk-icon-source: url("assets/radio-checked-disabled.png");
}
radio:indeterminate {
	-gtk-icon-source: url("assets/radio-indeterminate.png");
}
radio:indeterminate:disabled {
	-gtk-icon-source: url("assets/radio-indeterminate-disabled.png");
}

/****************
 * text entries *
 ****************/
entry {
	background: #d0cb96;
	border-image: url("assets/entry.png") 2 / 2px stretch;
	padding: .35em;
}
entry:disabled {
	background-color: @theme_bg_color;
	border-image: none;
}

/****************
 * spin buttons *
 ****************/
spinbutton {
	background: @theme_bg_color;
	border-image: url("assets/entry.png") 2 / 2px stretch;
}
spinbutton button {
	min-width: 2em;
}

/**************
 * comboboxes *
 **************/
combobox arrow {
	-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
	color: @theme_fg_color;
	margin: -2px;
}
combobox button:first-child arrow {
	border-image: url("assets/combobox-arrow-separator.png") 2 / 2px stretch;
	padding: 3px;
	padding-left: 5px;
}

/*********
 * menus *
 *********/
menubar {
	-GtkWidget-window-dragging: true;
	padding: 1px;
}
menubar decoration,
.popup decoration {
	border: 0;
}
menu {
	background: @theme_bg_color;
	border: solid 2px;
	border-image: url("assets/menu.png") 3 / 3px stretch;
	padding: 1px;
}
menubar > menuitem {
	margin: 0;
	padding: .3em .4em;
}
menubar > menuitem:hover {
	background: @theme_selected_bg_color;
	color: @theme_selected_fg_color;
}
menuitem {
	margin: 1px;
	padding: 3px;
}
menuitem:hover {
	background-color: @theme_selected_bg_color;
	color: @theme_selected_fg_color;
}
menu separator {
	border-image: url("assets/separator-horizontal.png") 1 / 1px stretch;
	min-height: 1px;
	margin: .2em .4em;
}
menuitem > image {
	min-height: 1em;
	min-width: 1em;
}
menuitem > arrow {
	font-size: 1.2em;
	margin: -.2em 0 -.2em 1em;
	-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
menu arrow.top,
.menu arrow.top {
	-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
menu arrow.bottom,
.menu arrow.bottom {
	-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

/*************
 * notebooks *
 *************/
notebook {
	padding: 0;
}
notebook.frame {
	border-image: url("assets/notebook.png") 3 / 3px stretch;
}
notebook header {
	background: @theme_bg_color;
}
notebook header.top {
	border-image: url("assets/notebook-header-top.png") 2 / 2px stretch;
	padding-bottom: 2px;
}
notebook header.bottom {
	border-image: url("assets/notebook-header-bottom.png") 2 / 2px stretch;
	padding-top: 2px;
}
notebook header.left {
	border-image: url("assets/notebook-header-left.png") 2 / 2px stretch;
	padding-right: 2px;
}
notebook header.right {
	border-image: url("assets/notebook-header-right.png") 2 / 2px stretch;
	padding-left: 2px;
}
notebook header.top tabs {
	margin-top: 2px;
}
notebook header.bottom tabs {
	margin-bottom: 2px;
}
notebook header.left tabs {
	margin-left: 2px;
}
notebook header.right tabs {
	margin-right: 2px;
}
notebook tab,
notebook.frame > .frame {
	background: @button_bg_color;
	padding: .3em .4em;
}
notebook header.top tab,
notebook.frame > .frame.top {
	border-image: url("assets/notebook-tab-top.png") 2 / 2px stretch;
}
notebook header.bottom tab,
notebook.frame > .frame.bottom {
	border-image: url("assets/notebook-tab-bottom.png") 2 / 2px stretch;
}
notebook header.left tab,
notebook.frame > .frame.left {
	border-image: url("assets/notebook-tab-left.png") 2 / 2px stretch;
}
notebook header.right tab,
notebook.frame > .frame.right {
	border-image: url("assets/notebook-tab-right.png") 2 / 2px stretch;
}
notebook header tab:checked,
notebook.frame > .frame:active {
	background: @button_bg_color;
}
notebook header.top tab:checked {
	margin-top: -2px;
}
notebook header.bottom tab:checked {
	margin-bottom: -2px;
	margin-top: -2px;
}
notebook header.left tab:checked {
	margin-left: -2px;
	margin-right: -1px;
}
notebook header.right tab:checked {
	margin-left: -2px;
	margin-right: -2px;
}
notebook tab button {
	background-color: transparent;
	border: 0;
}
notebook.frame > .frame {
	padding: .15rem;
}

/**********
 * Arrows *
 **********/
arrow {
	min-width: 1.2rem;
	min-height: 1.2rem;
}

/************
 * expander *
 ************/
expander arrow {
	-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
expander arrow:checked {
	-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

/********************************
 * CSD header and window border *
 ********************************/
headerbar {
	background-color: @theme_bg_color;
	border-bottom: solid 1px shade(@theme_bg_color, .8);
	padding: 7px;
}
decoration {
	background-color: @theme_bg_color;
	border: solid 3px @theme_bg_color;
	border-image: url("assets/button.png") 3 / 3px stretch;
}

/****************************
 * application notification *
 ****************************/
.app-notification {
	background-color: @theme_info_bg_color;
	border-image: url("assets/frame-etched-out.png") 3 / 3px stretch;
	padding: 7px;
}
.app-notification border {
	border: 0;
}

/************
 * popovers *
 ************/
popover {
	border: solid 1px shade(@theme_bg_color, 0.5);
}
popover .flat {
	padding: 5px;
}

/***********
 * toolbar *
 ***********/
toolbar {
	background: @theme_bg_color;
	padding: 4px;
}
toolbar separator {
	border-image: url("assets/separator-vertical.png") 1 / 1px stretch;
	margin: 5px;
	padding: 1px;
}
toolbar button {
	background-color: @theme_bg_color;
}

/*************
 * statusbar *
 *************/
statusbar button {
	padding: 2px;
}
statusbar button:active:hover,
statusbar button.toggle:checked,
statusbar button.toggle:active:hover {
	padding: 3px 1px 1px 3px;
}
statusbar frame,
statusbar > label {
	border-image: url("assets/statusbar-frame.png") 2 / 2px stretch;
}
statusbar frame {
	padding: 0;
}
statusbar frame > border {
	border: 0;
}
statusbar {
	margin: 0 -9px;
}

/*************
 * listboxes *
 *************/
list row {
	padding: 5px;
}
list row:hover {
	background-color: shade(@theme_bg_color, 1.05);
}

/**************
 * separators *
 **************/
separator.horizontal {
	border-image: url("assets/separator-horizontal.png") 1 / 1px stretch;
	padding: 1px;
}
separator.vertical {
	border-image: url("assets/separator-vertical.png") 1 / 1px stretch;
	padding: 1px;
}

/*********
 * paned *
 *********/
paned > separator {
	background: url("assets/paned-separator-vertical.png") no-repeat center;
	-gtk-icon-source: none;
	padding: 1px;
}
paned > separator:hover {
	background-color: shade(@theme_bg_color, 1.05);
}
paned.vertical > separator {
	background-image: url("assets/paned-separator-horizontal.png");
}

/**********
 * frames *
 **********/
frame > border {
	border-image: url("assets/frame-etched-out.png") 2 / 2px stretch;
	padding: 2px;
}
frame { /* LibreOffice combobox's dropdown */
	border-image: url("assets/menu.png") 3 / 3px stretch;
	padding: 3px;
}
box > frame,
grid > frame {
	border: 0;
	padding: 0;
}
viewport.frame {
	border-image: url("assets/frame-etched-out.png") 3 / 3px stretch;
}
scrolledwindow > viewport,
scrolledwindow > viewport.frame {
	border: 0;
}

/**************
 * button box *
 **************/
buttonbox.horizontal button {
	margin: .2em .4em;
}
buttonbox.horizontal button:first-child {
	margin-left: 0;
}
buttonbox.horizontal button:last-child {
	margin-right: 0;
}
progressbar trough,
levelbar trough,
scale trough,
treeview.view.trough,
treeview.view.trough:selected,
scrollbar {
	background-color: #74847e;
	border: solid 1px black;
	color: @theme_fg_color;
}

/*********
 * scale *
 *********/
scale {
	margin: 1px;
}
scale slider {
	background: @theme_bg_color no-repeat center;
	border-image: url("assets/scale-slider-border.png") 2 / 2px stretch;
}
scale slider:hover {
	background-color: shade(@theme_bg_color, 1.05);
}
scale trough:disabled {
	background-color: @theme_bg_color;
}
scale.horizontal trough {
	padding: 0 1.2em;
}
scale.vertical trough {
	padding: 1.2em 0;
}
scale.horizontal slider {
	background-image: url("assets/scale-slider-horizontal.png");
	min-height: 1em;
	min-width: 2.4em;
}
scale.vertical slider {
	background-image: url("assets/scale-slider-vertical.png");
	min-height: 2.4em;
	min-width: 1em;
}
scale.horizontal mark indicator {
	background-color: shade(@theme_bg_color, 0.56);
	min-height: 8px;
	min-width: 1px;
}
scale.vertical mark indicator {
	background-color: shade(@theme_bg_color, 0.56);
	min-height: 1px;
	min-width: 8px;
}

/***************
 * color scale *
 ***************/
scale.color trough {
	padding: 0;
}
scale.color slider {
	background-color: transparent;
	border: 0;
}
scale.color.horizontal slider {
	background-image: url("assets/color-scale-slider-horizontal.png");
	min-height: 14px;
	min-width: 16px;
}
scale.color.vertical slider {
	background-image: url("assets/color-scale-slider-vertical.png");
	min-height: 16px;
	min-width: 14px;
}

/***************
 * progressbar *
 ***************/
progressbar {
	font-size: .8em;
}
progressbar trough {
	padding: 1px;
}
progressbar progress,
treeview.view.progressbar {
	background: @theme_selected_bg_color;
	border-image: url("assets/progress.png") 2 / 2px stretch;
	color: @theme_selected_fg_color;
}
progressbar.horizontal,
progressbar.horizontal progress,
progressbar.horizontal trough {
	min-height: 1.3em;
}
progressbar.vertical,
progressbar.vertical progress,
progressbar.vertical trough {
	min-width: 1.3em;
}
treeview.view.trough {
	padding: 2px;
}

/************
 * levelbar *
 ************/
levelbar block {
	margin: 1px;
	padding: 3px;
}
levelbar block.filled {
	background: @theme_selected_bg_color;
	border-image: url("assets/progress.png") 2 / 2px stretch;
}

/**********
 * switch *
 **********/
switch {
	background-color: shade(@theme_bg_color, .9);
	border-image: url("assets/button-pressed.png") 3 / 3px stretch;
	min-height: 2em;
}
switch slider {
	background-color: @theme_bg_color;
	border-image: url("assets/button.png") 3 / 3px stretch;
	margin: 2px;
	padding: .3em;
}
switch:checked {
	background: @theme_selected_bg_color;
	color: @theme_selected_fg_color;
}

/************
 * treeview *
 ************/
.view {
	background: @theme_base_color;
}
.sidebar,
scrolledwindow,
scrolledwindow.frame {
	border-image: url("assets/frame-etched-in.png") 3 / 3px stretch;
	padding: 2px;
}

/************
 * tooltips *
 ************/
tooltip,
tooltip.background  {
	background-color: @theme_tooltip_bg_color;
	border: solid 1px alpha(@theme_tooltip_fg_color, .3);
	color: alpha(@theme_tooltip_fg_color, .8);
}
tooltip *, .tooltip * {
	background-color: transparent;
}
tooltip decoration {
	border: 0;
}

/*************
 * calendars *
 *************/
calendar {
	padding: 2px;
}
calendar.header {
	background: @theme_bg_color;
}
calendar.view {
	border-image: url("assets/frame-etched-out.png") 2 / 2px stretch;
}
calendar:indeterminate {
	color: alpha(@theme_fg_color, 0.4);
}
calendar.highlight {
	background-color: @theme_selected_bg_color;
	color: @theme_selected_fg_color;
}

/************
 * infobars *
 ************/
.info {
	background-color: @theme_info_bg_color;
}
.warning {
	background-color: @theme_warning_bg_color;
}
.error {
	background-color: @theme_error_bg_color;
}
.info, .warning, .error {
	border-image: url("assets/frame-etched-out.png") 3 / 3px stretch;
}

/**************
 * actionbars *
 **************/
actionbar {
	border-top: solid 1px shade(@theme_bg_color, .8);
	padding: 7px;
}

/***********
 * sidebar *
 ***********/
.sidebar {
	background: white;
}
.sidebar label {
	padding: .3em 1em;
}
.sidebar label.highlight {
	font-weight: bold;
}

/***********************
 * file chooser dialog *
 ***********************/
dialog filechooser placessidebar.sidebar {
	background: @theme_bg_color;
}
dialog filechooser placessidebar.sidebar.frame .sidebar-row {
	padding: .3em 1em;
}
dialog filechooser .frame.sidebar .sidebar-row label {
	padding: 0;
	padding-left: .8em;
}
dialog filechooser placessidebar button {
	background: transparent;
	border: 0;
	padding: 0;
}
dialog filechooser placessidebar.sidebar viewport {
	border: none;
}
dialog filechooser placessidebar *:hover button {
	background-color: transparent;
}
dialog filechooser stack {
	background: @theme_bg_color;
}
dialog filechooser .path-bar .slider-button,
dialog filechooser .path-bar .slider-button:active {
	padding: 5px 0;
}
dialog filechooser .path-bar image {
	margin-right: 5px;
}
dialog filechooser .frame.sidebar separator {
	border-image: url("assets/separator-horizontal.png") 1 / 1px stretch;
	margin: 3px 5px;
	padding: 1px;
}
dialog filechooser actionbar {
	border: solid 1px shade(@theme_bg_color, .6);
	margin-top: 5px;
	padding: 7px;
}
dialog filechooser frame {
	padding: 0;
}
dialog filechooser frame border {
	border: 0;
}

/*****************
 * color chooser *
 *****************/
dialog colorchooser colorswatch {
	border-image: url("assets/frame-etched-out.png") 2 / 2px stretch;
	padding: 2px;
}
dialog colorchooser colorswatch.dark * {
	color: white;
}
dialog colorchooser colorswatch.light * {
	color: black;
}
dialog colorchooser #add-color-button {
	border-image: url("assets/button.png") 3 / 3px stretch;
}
dialog colorchooser colorswatch:selected * {
	background: transparent;
}
colorchooser .popover {
	background: @theme_bg_color;
	border-image: url("assets/button.png") 3 / 3px stretch;
}
*:disabled colorswatch {
  opacity: .4;
}

/****************
 * print dialog *
 ****************/
printdialog > box > box {
	padding: 5px;
}
printdialog box {
	background: @theme_bg_color;
}
printdialog notebook stack {
	border-image: url("assets/notebook.png") 3 / 3px stretch;
	padding: 2px;
}
printdialog paper {
	background-color: @theme_base_color;
	border: solid 1px shade(@theme_bg_color, .6);
}

/*********************
 * Spinner Animation *
 *********************/
@keyframes spin {
	to { -gtk-icon-transform: rotate(1turn); }
}
spinner {
	background-color: transparent;
	opacity: 0;
}
spinner:checked {
	opacity: 1;
	animation: spin 1s linear infinite;
}

/*******
 * OSD *
 *******/
.background.osd {
	background: rgba(0,0,0,.5);
	border-radius: 1rem;
}
.osd .trough {
	background: rgba(255,255,255,.5);
	border-radius: 6px;
}
.osd .progressbar {
	background: white;
	border-radius: 6px;
}