/*
	:: Rewrites
*/

/* Rewrites for the gees colors */
:root {
	/* Grayscales (all in hsl) */
	--col_gs_black: 200,10%,4%;
	--col_gs_gray6: 200,10%,90%;
	--col_gs_gray5: 200,10%,78%;
	--col_gs_gray4: 200,10%,66%;
	--col_gs_gray3: 200,10%,54%;
	--col_gs_gray2: 200,10%,42%;
	--col_gs_gray1: 200,10%,30%;
	--col_gs_white: 200,10%,96%;
}

/* Global */
[data-gees] label {
  margin: 0px;
}

/* Buttons */
[data-gees~="button"] {
	background-color: rgb(var(--hightlightColor));
	color: hsl(var(--col_gs_white));
}
[data-gees~="button"]:hover {
	background-color: rgb(var(--hightlightColor));
	opacity: 0.90;
}
[data-gees="button"][data-style="link"] {
  color: rgb(var(--hightlightColor));
}
[data-gees="button"][data-style="link"] .icon {
  background-color: rgb(var(--hightlightColor));
}
[data-gees="button"][data-style="white"] {
  background-color: hsl(var(--col_gs_white));
  color: hsl(var(--col_gs_gray2));
  border: 1px solid hsl(var(--col_gs_gray5));
}

/* Input */
[data-gees="input_text"]:not(input) {
  background-color: hsl(var(--col_gs_white));
  border: 1px solid hsl(var(--col_gs_gray5));
  color: hsl(var(--col_gs_gray1));
}
[data-gees="input_text"] input {
  color: hsl(var(--col_gs_gray2));
}
[data-gees="input_text"] .placeholder {
  color: hsl(var(--col_gs_gray3));
  opacity: 1;
}
[data-gees="input_text"] input:-webkit-autofill{
	-webkit-text-fill-color: hsl(var(--col_gs_gray2)) !important;
}

/* Textarea */
[data-gees="textarea"] {
	background-color: hsl(var(--col_gs_white));
	border: 1px solid hsl(var(--col_gs_gray5));
	color: hsl(var(--col_gs_gray1));
}
[data-gees="textarea"] textarea {
	color: hsl(var(--col_gs_gray2));
}
[data-gees="textarea"] .placeholder {
	color: hsl(var(--col_gs_gray3));
  	opacity: 1;
}
[data-gees="textarea"].danger .placeholder {
	color: hsl(var(--col_sys_red));
}

/* Dropdown */
[data-gees="dropdown"]:not(select) {
	color: hsl(var(--col_gs_gray1));
	background-color: hsl(var(--col_gs_white)) !important;
	border-width: 1px !important;
}
[data-gees="dropdown"] .optionsBox {
	border: 1px hsl(var(--col_gs_gray5)) solid;
}
[data-gees="dropdown"] .optionsBox > div:not(:last-child) {
	border-bottom: 1px hsl(var(--col_gs_gray5)) solid;
}



/* Groups */
[data-gees="group"][data-contains="radios"] {
	background-color: hsl(var(--col_gs_white)) !important;
	color: hsl(var(--col_gs_gray1)) !important;
	border-width: 1px !important;
	border-color: hsl(var(--col_gs_gray5));
	border-style: solid;
}
[data-gees~="group"][data-contains="radios"] [data-gees~="radio"] input:checked + .thmb {
	background-color: rgb(var(--hightlightColor)) !important;
	border-radius: 1em;
}
[data-gees="group"][data-contains="radios"] [data-gees="radio"] input:checked + .thmb +label {
	color: hsl(var(--col_gs_white)) !important;
}

/* Icon(s) */
[data-gees="dropdown"] .icon {
	background-color: rgb(var(--hightlightColor));
}
[data-gees="multilist"] .icon {
    background-color: rgb(var(--hightlightColor)) !important;
}


/* Input border validation */
[data-gees~="input_text"]:not(input)[data-level] {
    border-width: 1px;
    border-style: solid;
}