/*
 * Copyright (C) 2022 - 2023 Alessandro Iepure
 *
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

/* Light mode CSS - Main style */

.rounded-border {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-5 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 2px;
}

.border-red {
  border: 1px solid red;
}

.padding-20{
  padding: 20px;
}

.color-row {
  margin-right: -12px;
}

dropdown, dropdown box, dropdown > entry, dropdown > button {
  background-color: transparent;
  box-shadow: none;
  border: none;
  font-weight: normal;
}

/* Theme Switcher */
/* Modified from https://gitlab.gnome.org/tijder/blueprintgtk */
/* Original header below */

/* Base on dialect-app */
/* https://github.com/dialect-app/dialect/blob/c0b7ca0580d4c7cfb32ff7ed0a3a08c06bbe40e0/data/resources/style.css */

.themeswitcher {
  margin: 9px;
}

.themeswitcher checkbutton {
  padding: 0;
  min-height: 44px;
  min-width: 44px;
  padding: 1px;
  background-clip: content-box;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px @borders;
}

.themeswitcher checkbutton.system:checked,
.themeswitcher checkbutton.light:checked,
.themeswitcher checkbutton.dark:checked {
  box-shadow: inset 0 0 0 2px @theme_selected_bg_color;
}

.themeswitcher checkbutton.system {
  background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%);
}

.themeswitcher checkbutton.light {
  background-color: #fff;
}

.themeswitcher checkbutton.dark {
  background-color: #202020;
}

.themeswitcher checkbutton radio {
  -gtk-icon-source: none;
  border: none;
  background: none;
  box-shadow: none;
  min-width: 12px;
  min-height: 12px;
  transform: translate(27px, 14px);
  padding: 2px;
}

.themeswitcher checkbutton.theme-selector radio:checked {
  -gtk-icon-source: -gtk-icontheme("object-select-symbolic");
  background-color: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}
