/*
	PROTEIN THERMODYNAMICS SIMULATIONS
	Copyright (C) 2021–2023 Johan Pääkkönen, Juha Rouvinen, University of Eastern Finland
	
	This program is free software; you can redistribute it and/or
	modify it under the terms of the GNU General Public License
	as published by the Free Software Foundation; either version 2
	of the License, or (at your option) any later version.
	
	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, write to the Free Software
	Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

/*
	The GNU General Public License, version 2, is available at:
	(1) the file LICENSE in this folder
	(2) https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/*
	If you use this in your own research, please cite our paper: https://doi.org/10.1021/acsomega.2c00560
*/

/* Light/dark theme tokens (refactor/05). The default :root is the original light
   look, so the pages are unchanged unless the visitor opts into dark via the
   toggle button (see theme.js, which sets data-theme on <html> and persists it).
   Only the page chrome is themed; the plot figure stays a light card in both
   themes, so figures and the golden tests are unaffected. */
:root
{
	color-scheme: light;
	--bg: #ffffff;
	--fg: #000000;
	--muted: hsl(0, 0%, 50%);
	--muted-2: hsl(0, 0%, 66.66%);
	--border: hsl(0, 0%, 80%);
	--table-border: #000000;
	--link: #1a0dab;
	--btn-bg: hsl(0, 0%, 95%);
	--btn-border: hsl(0, 0%, 70%);
}

:root[data-theme="dark"]
{
	color-scheme: dark;
	--bg: #1b1b1d;
	--fg: #e7e7e7;
	--muted: hsl(0, 0%, 62%);
	--muted-2: hsl(0, 0%, 45%);
	--border: hsl(0, 0%, 35%);
	--table-border: hsl(0, 0%, 45%);
	--link: #7ab7ff;
	--btn-bg: hsl(0, 0%, 20%);
	--btn-border: hsl(0, 0%, 40%);
}

body
{
	background: var(--bg);
	color: var(--fg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;

	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

a
{
	color: var(--link);
}

#theme_toggle
{
	float: right;
	margin: 0.25em 0 0.25em 1em;
	padding: 0.35em 0.8em;
	font: inherit;
	color: var(--fg);
	background: var(--btn-bg);
	border: 1px solid var(--btn-border);
	border-radius: 5px;
	cursor: pointer;
}

.valuecol
{
	padding-left: 0.25em;
	
	/* if newdecadescale == false */
	/* width: 10em; */
	
	/* if newdecadescale == true */
	width: 9em;
}

.valuecol2
{
	padding-left: 0.25em;
}

.radio
{
	margin-left: 1.5em;
}

.slider
{
	width: 280px;
}

.grey
{
	color: var(--muted);
}

#slidertable td:nth-child(4)
{
	padding-left: 1em;
}

td
{
	vertical-align: baseline;
}

td[title]
{
	cursor: help;
}

.valuespan
{
	/* cursor: pointer; */
}

input[type=text]
{
	width: 8em;
	display: none;
}

#figure_div
{
	margin-top: 3ex;
	width: 625px;
	height: 450px;
	min-width: 450px;
	min-height: 300px;
	resize: both;
	overflow: hidden;
	border: 1px dotted var(--border);
	background: #ffffff;   /* the plot is always a light card, in both themes */
	padding: 0;
}

#linkarea
{
	margin-top: 3ex;
}

#credits
{
	font-size: small;
	margin-top: 5ex;
}

#nojavascript
{
	display: none;
}

.reactiontable
{
	border-collapse: collapse;
	font-weight: bold;
	margin-bottom: 2ex;
}

.reactiontable tr td
{
	margin: 0;
	padding: 0.25ex 0;
}

.reactiontable td:last-child
{
	padding-left: 1em;
}

.center
{
	text-align: center;
}

.overreactionarrow
{
	font-size: x-small;
}

input:disabled + span
{
	color: var(--muted-2);
}

#datatable
{
	border-collapse: collapse;
	margin: 2ex 0;
}

#datatable tr th
{
	border-bottom: solid 1px var(--table-border);
}

#datatable th, #datatable td
{
	padding: 1px 1em 1px 0.2em;
	border-right: solid 1px var(--table-border);
}

#datatable th, #datatable td:first-of-type
{
	font-weight: bold;
}

#datatable th:last-of-type, #datatable td:last-of-type
{
	padding-right: 0;
	border-right: none;
}

#calctable td
{
	vertical-align: top;
}

#calctable table tr:last-of-type td
{
	padding-top: 2ex;
}

#figure_svg, #figure_svg *
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: crosshair;
}

#ext_dsrow, #ext_pisrow, #ext_lrrow, #ext_pisbr, #ext_lrbr, #ext_desclink,
.ext_hiddenlabel
{
	display: none;
}

#ext_dsrow td
{
	padding: 0.5ex 0;
}

#ext_dsinput
{
	width: 4em;
}

.ext_codeword
{
	font-family: monospace;
	font-weight: bold;
}