/*!
************************************************************************
**  pmwiki.css
**  Styles only used in PmWiki Skin Haddock / 18-06-2025
**  Copyright 2016-2024 Petko Yotov www.pmwiki.org/petko
**  
**  Partially based on pmwiki.css:
**  Copyright 2004-2006 Patrick R. Michaud pmichaud@pobox.com
**  Copyright 2006 Hagan Fox
**  
**  This file is part of PmWiki; 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.  See pmwiki.php for full details.
**  
**  This skin was implemented with a mobile-first approach.
**  It should work reasonably well with browsers released since 2009.
**  This CSS uses relative "Reference pixel" dimensions.
***********************************************************************/

:root {
	--pm-overlay-bgcolor: rgba(0, 0, 0, .2);
	--pm-frame-bgcolor: rgb(245, 245, 245);
	--pm-wikibody-bgcolor: #fff;
	--pm-dropdown-bgcolor: #fff; /*#wikileft, #wikihead-searchform, #wikicmds*/
	--pm-bordercolor: #ccc;
	--pm-markuptable-bordercolor: #ccf;
	/* TODO: var in haddock übernehmen ! */
	--pm-createlink-bordercolor: #888;
	--pm-scrolltable-bordercolor: #f00;
	/* --pm-sidehead-linkcolor: #505050; */
	/* --pm-sidebar-linkcolor: #000; */
	/* --pm-sidebar-linkhover: #00f; */
	--pm-note-color: #080;
	--pm-diffbox-bordercolor: #999;
	--pm-difftime-bgcolor: #ddd;
	--pm-diffadd-bgcolor: #9f9;
	--pm-diffdel-bgcolor: #ff9;
	--pm-rcplus-hover-color: #fff;
	--pm-rcplus-hover-bgcolor: #00f;
	--pm-rcnew-bgcolor: #ffa;
	--pm-simpletable-bordercolor: #888;
	/* --pm-simpletable-th-bgcolor: #ccc; */
	/* --pm-simpletable-zebra-bgcolor: #eee; */
	--pm-dropdown-shadowcolor: rgba(0,0,0,0.75);
}

/* ========== TOP NAVIGATION PmWiki Anpassungen ========== */
.topnav a.createlinktext {
	text-decoration: underline;
	border-bottom: none;
	/* color: #080 !important; */
}
.dropdown-content ul {
	display: inline;
	padding: 0;
}
/* voriges zurücksetzen auf Standard bei Anzeige in #wikitext */
#wikitext .dropdown-content ul {
	display: block;
  list-style-type: none;
  margin: 0;
	margin-right: 2px;
  padding: 0;
}
#wikitext .dropdown-content a.createlinktext {
	text-decoration: none;
}
#wikitext .dropdown-content a.createlinktext:hover {
	border-bottom: 1px solid var(--pm-createlink-bordercolor);
}
#wikitext button.dropbtn,
#wikitext .dropdown-content ul > li {
	width: var(--myskin-topnav-item-width);
	padding: 5px 8px;
	color: var(--myskin-topnav-inner-bgcolor);
	border: 1px solid var(--myskin-topnav-inner-bgcolor);
	font-family: var(--myskin-textfont);
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
}
#wikitext button.dropbtn::before {
	padding: 0 4px 0 0;
	content: "\25bc";
	color: #888;
	font-size: .625rem;
}


#foo-wikibody {
	position: relative;
	background-color: var(--pm-wikibody-bgcolor);
	padding: 3px;
	margin: 0;
}

/* Beispiel was möglich ist */
/* body[data-action="browse"] p {  color: #080 !important;} */

/* PmWiki Searchform/Suchformular */
#wikihead-searchform {
	display: block;
	position: absolute;
	position: relative;
	/* top: 30px;   */
	/* right: 0; */
	width: auto;
	padding: 2px 0 15px;
	border: none;
	line-height: inherit;
	text-align: left;
	/* clear: both; */
}
@media screen and (min-width: 576px) {
	#wikihead-searchform {
		display: block;
		position: absolute;
		float: right;
		/* top: 20px; */
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 0;
		/* background: gold; */
	}
}
@media screen and (min-width: 768px) {
	#wikihead-searchform {
		display: block;
		/* position: relative; */
		float: right;
		top: 20px;
		right: 0;
	}
}
#wikihead-searchsubmitbtn {
	/* display: inline-block; */
	font-family: var(--myskin-iconfont);
	font-size: 1rem;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	background-color: transparent;
	border: none;
	color: var(--myskin-color);
	padding: 0 0 0 5px;
}
.inputbox.searchbox {
	width: 150px;
	font-size: 15px;
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 2px;
}

#wikileft-toggle:checked ~ #wikioverlay,
#wikihead-search-toggle:checked ~ #wikioverlay,
#wikicmds-toggle:checked ~ #wikioverlay {
	display: block;
}
@media screen and (min-width: 768px) {
	#wikicmds-toggle-label,
	#wikileft-toggle-label,
	#wikihead-search-toggle-label {
		display: none;
	}
	#wikihead-recent-changes-link,
	#wikihead-searchlink {
		display: inline;
	}
	#wikileft-toggle:checked ~ #wikioverlay,
	#wikihead-search-toggle:checked ~ #wikioverlay,
	#wikicmds-toggle:checked ~ #wikioverlay {
		display: none;
	}
}

/* PmWiki Fade-in animation */
@keyframes fadein {
	from {opacity: 0;}
	to   {opacity: 1;}
}




/* .wikiaction {margin-top: 4px; margin-bottom: 4px;} */

/* #foo .hlt.php code.escaped {overflow: auto;} */

/* Wide tables can scroll */
div.scrollable {
	max-width: 100%;
	overflow: auto;
	border: 1px dotted var(--pm-scrolltable-bordercolor);
}

#wikiedit form {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
#wikiedit textarea {
	width: 99.5%;
	max-width: 99.5%;
	max-height: 60vh;
	border-radius: 0;
}
#wikiedit textarea:focus-visible {
	outline-offset: 0px;
	outline: #666 auto 1px;
}
#wikiedit input {
	max-width: 99.5%;
}
.pmDarkTheme #wikiedit .GUIButtons {
	background-color: #ddd;
}

.htext.pmhlt {
	letter-spacing: normal;
}
.chk_hlt {
	margin-bottom: 8px;
	font-size: .8333333rem;
}
/* ueberschreibt Deklaration aus Datei /pub/lib/pmwiki.syntax.css */
table.markup td.markup1, pre.pmhlt, .pmhlt pre, code.pmhlt, .pmhlt code {
	font-size: .8333333rem;
}

.wikimessage {
	margin-top: 4px;
	margin-bottom: 4px;
	font-style:italic;
}
.frame .quickref td > p {
	margin: 0 !important;
	/* background: gold; */
}

details > summary {
	cursor: pointer;
}
details > summary:hover {
	color: var(--myskin-sidebar-linkhover);
}

/* PmWiki xlpage-utf-8.php */
.rtl, .rtl * {direction: rtl; unicode-bidi: bidi-override;}
.ltr, .ltr * {direction: ltr; unicode-bidi: bidi-override;}
.rtl .indent, .rtl.indent, .rtl .outdent, .rtl.outdent {
	margin-left: 0; margin-right: 15px;
}

/* PmWiki pmwiki.php */
.indent {
	margin-left: 15px;
}
.outdent {
	margin-left: 15px;
	text-indent: -15px;
}
@media screen and (min-width: 768px) {
	.indent {
		margin-left: 40px;
	}
	.outdent {
		margin-left: 40px;
		text-indent: -40px;
	}
	.rtl .indent, .rtl.indent, .rtl .outdent, .rtl.outdent {
		margin-left: 0;
		margin-right: 40px;
	}
}

/* PmWiki Prevent white space below vertically stacked images */
div.imgonly img,
div.imgcaption img:first-child {
	vertical-align: bottom;
}

/* PmWiki utils.php */
.pmcopycode {
	cursor: pointer;
	display: block;
	border-radius: 0.2em;
	opacity: 0.2;
	position: relative;
	z-index: 2;
	letter-spacing: 0;
}
.pmcopycode::before {
	content: "+";
	display: block;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	text-align: center;
}
.pmcopycode.copied::before {
	content: "\2714"; /*check*/
}
.pmcopycode.copied {
	background-color: var(--pmc-green2);
}
pre:hover .pmcopycode {
	opacity: 1;
}
.frame.pmdropzone {
	padding: 8px 4px;
}

var.labelvalue[data-value]:before {
	content: attr(data-value);
	margin: 0 .5em;
}

/* PmWiki wikistyles.php */
.frame {
	overflow: auto;
	padding: 4px;
	border: 1px solid var(--myskin-bordercolor);
	background-color: var(--pm-frame-bgcolor);
}
@media screen {
	html.pmDarkTheme .frame {
		background-color: var(--myskin-frame-bgcolor);
	}
}
.frame p {
	margin: 0;
}

/* PmWiki float, createlink */
.lfloat {
	float: left;
	margin-right: 0.5em;
}
.rfloat {
	float: right;
	margin-left: 0.5em;
}
.clearboth {
	clear: both;
}

a.createlinktext {
	text-decoration: none !important;
	border-bottom: 1px dotted var(--pm-createlink-bordercolor);
}
a.createlink {
	text-decoration: none;
	position: relative;
	top: -7px;
	font-weight: normal;
	/* font-size: smaller; */
	font-size: .75rem;
	border-bottom: none;
}
.frame a.createlinktext,
.frame a.createlink {
	font-size: 14px;
}

/* PmWiki stdmarkup.php */
table.markup {
	border: 2px dotted var(--pm-markuptable-bordercolor);
	width:100%;
}
/* td.markup1, td.markup2 {padding-left:0px; padding-right:0px;} */
table.horiz td.markup1,
table.vert td.markup1 {
	border-bottom: 1px solid var(--pm-markuptable-bordercolor);
	border-right: none;
	width: auto;
}
table.horiz td.markup1,
table.horiz td.markup2 {
	/* horizontal markup tables to vertical */
	display: block;
}
table.markup caption {
	text-align:left;
}
@media screen and (min-width: 768px) {
	table.horiz td.markup1,
	table.horiz td.markup2 {
		display: table-cell;
	}    
	td.markup1,
	td.markup2 {
		padding-left: 10px;
		padding-right: 10px;
	}
	table.vert td.markup1 {
		border-bottom: 1px solid var(--pm-markuptable-bordercolor);
	}
	table.horiz td.markup1 {
		width: 23em;
		border-right: 1px solid var(--pm-markuptable-bordercolor);
		border-bottom: none;
	}
	td.markup1 pre {
		white-space: pre-wrap;
	}
}

/* PmWiki FAQ */
div.faq p,
div.faq pre {
	margin-left: 15px;
}
div.faq p.question {
	margin: 0;
	font-weight: var(--myskin-textfont-bold);
}
div.faqtoc div.faq * {
	display: none;
}
div.faqtoc div.faq p.question {
	display: block;
	font-weight: normal;
	margin: 7px 0 7px 15px;
	/* line-height: normal; */
	line-height: 1.4rem;
}
div.faqtoc div.faq p.question * {
	display: inline;
}    
@media screen and (min-width: 768px) {
	div.faq p,
	div.faq pre {
		margin-left: 40px;
	}
	div.faq p.question {
		margin: 15px 0 12px 0;
	}
	div.faqtoc div.faq p.question {
		margin: 8px 0 8px 20px;
	}
}

/* PmWiki simuledit.php */
.editconflict {
	margin-top: 20px;
	margin-bottom: 20px;
	color: var(--pm-note-color); 
	font-style: italic;
}

/* PmWiki Wikiedit Preview */
.previewhint {
	color: #fff;
	/* background-color: #fb5; */
	background-color: orange;
	margin: 0;
	padding: .3em;
}

/* PmWiki pagerev.php */
.diffbox {
	border-left: 1px solid var(--pm-diffbox-bordercolor);
	margin-top: 20px;
	/* font-size: 12px; */
}
.diffauthor {
	font-weight: var(--myskin-textfont-bold);
}
.diffchangesum {
	font-weight: var(--myskin-textfont-bold);
}
.difftime {
	background-color: var(--pm-difftime-bgcolor);
}
.difftype {
	font-weight: var(--myskin-textfont-bold);
}
.diffadd {
	border-left: 5px solid var(--pm-diffadd-bgcolor);
	padding-left: 5px;
}
.diffdel {
	border-left: 5px solid var(--pm-diffdel-bgcolor);
	padding-left: 5px;
}
.diffrestore {
	margin: 10px 0 20px;
}
.diffmarkup {
	font-size: 13px;
	white-space: pre-wrap;
	line-height: 1.35em;
} 
.diffmarkup del {
	background: var(--pm-diffdel-bgcolor);
	text-decoration: none;
}
.diffmarkup ins {
	background: var(--pm-diffadd-bgcolor);
	text-decoration: none;
}
.diffadd, .difftype, .diffdel, .diffmarkup {
	background-color: #fff;
}

.rcplus {
	padding: 0 .3em;
	opacity: .3;
	font-weight: var(--myskin-textfont-bold);
	cursor: pointer;
}
.rcplus:hover {
	opacity: 1;
	background: var(--pm-rcplus-hover-bgcolor);
	color: var(--pm-rcplus-hover-color);
}
.rcreload {
	opacity: 0.4;
	font-size: .9rem;
	cursor: pointer;
}
.rcnew {
	background-color: var(--pm-rcnew-bgcolor);
}

/* PmWiki urlapprove.php */
/* .apprlink {font-size:smaller;} */

/* PmWiki vardoc.php */
a.varlink {text-decoration: none;}

#wikiedit-minoredit {white-space: nowrap;}

/* PmWiki Inhaltsverzeichnis (TOC) */
.noPmTOC {
	display: none;
}
.PmTOCdiv {
	display: inline-block;
	font-size: 13px;
	overflow: auto;
	max-height: 500px;
}
/* Nicht zeigen wenn kein Kind-Element vorhanden */
.PmTOCdiv:not(:has(*)) {
	display: none;
}
.PmTOCdiv a {
	text-decoration: none;
	display: block;
	line-height: 1;
	margin: .4em 0;
}
.PmTOCdiv a.pmtoc-indent1 {margin-left: 1em;}
.PmTOCdiv a.pmtoc-indent2 {margin-left: 2em;}
.PmTOCdiv a.pmtoc-indent3 {margin-left: 3em;}
.PmTOCdiv a.pmtoc-indent4 {margin-left: 4em;}
.PmTOCdiv a.pmtoc-indent5 {margin-left: 5em;}
.PmTOCdiv a.pmtoc-indent6 {margin-left: 6em;}
.back-arrow {
	/* font-size: .8rem; */
	text-decoration: none;
	vertical-align: text-top;
}
#PmTOCchk + label {cursor: pointer;}
#PmTOCchk {display: none;}
#PmTOCchk:not(:checked) + label > .pmtoc-show {display: none;}
#PmTOCchk:checked + label > .pmtoc-hide {display: none;}
#PmTOCchk:checked + label + div {display: none;}

/* PmWiki Tabellen */
/* In HTML5 only styles are valid for alignment */
td.left,   th.left   {text-align: left;}
td.center, th.center {text-align: center;}
td.right,  th.right  {text-align: right;}
td.top,    th.top    {vertical-align: top;}
td.bottom, th.bottom {vertical-align: bottom;}
td.middle, th.middle {vertical-align: middle;}

table.simpletable {
	border-collapse: collapse;
}
table.simpletable tbody:first-child tr:nth-child(odd),
table.simpletable thead + tbody tr:nth-child(even) {
	background-color: var(--myskin-simpletable-zebra-bgcolor);
}
table.simpletable th {
	background-color: var(--myskin-simpletable-th-bgcolor);
}
table.simpletable th,
table.simpletable td {
	border: 1px solid var(--pm-simpletable-bordercolor);
}

table.sortable th {
	cursor: pointer;
}
table.sortable th:hover::after {
	color: inherit;
	content: "\00A0\025B8";
}
table.sortable th::after {
	color: transparent;
	content: "\00A0\025B8";
}
table.sortable th.dir-u::after {
	color: inherit;
	content: "\00A0\025BE";
}
table.sortable th.dir-d::after {
	color: inherit;
	content: "\00A0\025B4";
}

/* PmWiki ??? */
*[data-pmtoggle],
.pmtoggleall {
	font-weight: var(--myskin-textfont-bold);
	cursor: pointer;
}
*[data-pmtoggle]::before {
	content: "\025BE\00A0";
	float: left;
}
*[data-pmtoggle="closed"]::before {
	content: "\025B8\00A0";
}
*[data-pmtoggle] + * {
	margin-left: .8em;
}
*[data-pmtoggle="closed"] + * {
	display: none;
}


/* PmWiki Cookbook:DarkColorScheme */
.onlyDarkTheme {
	display: none;
}
@media screen {
	html.pmDarkTheme img:not([data-darksrc]),
	html.pmDarkTheme video:not([data-darksrc]) {
		filter: brightness(.8) saturate(.8) contrast(1.1);
	}
	html.pmDarkTheme .onlyLightTheme,
	html:not(.pmDarkTheme) .onlyDarkTheme {
		display: none;
	}
}

.pmToggleDarkTheme {
	cursor: pointer;
	padding: 0;
}

/* TODO: wird das noch gebraucht?? */
#wikihead-searchform .pmToggleDarkTheme {
	cursor: pointer;
	padding: 0 .2em;
}
#wikihead-searchform .pmToggleDarkTheme:before {
	content: "\25ea";
	opacity: 67%;
	font-size: 22px;
}
.pmToggleDarkTheme:hover:before {
	opacity: 100%;
}

#wikibody .pmToggleDarkTheme {
	float: right;
	margin: 10px 7px 0 0;
	line-height: 2;
}
@media screen and (min-width: 768px) {
	#wikibody .pmToggleDarkTheme {
		line-height: 1.25;
	}
}
#wikibody .pmToggleDarkTheme:before {
	font-family: var(--myskin-iconfont);
	font-size: .875rem;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	content: "\f042";
	color: inherit;
	opacity: 67%;
}
#wikibody .pmToggleDarkTheme:hover:before {
	opacity: 100%;
}

.darkThemeLabel {
	font-size: 13px;
	line-height: 1;
	box-shadow: var(--pm-boxshadow);
	background-color: var(--myskin-frame-bgcolor);
	white-space: nowrap;
	color: var(--myskin-color);
}
.darkThemeLabel mark {
	padding: .2em .5em;
	color: inherit;
	background-color: inherit;
	filter: invert(.8);
	font-weight: var(--myskin-textfont-bold);
}

/* Slightly dim embedded images and videos in dark mode */
@media screen {
	html.pmDarkTheme img, html.pmDarkTheme video {
		filter: brightness(.8) saturate(.8) contrast(1.1);
	}
}



/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
	body {
		width: auto;
		margin: 0;
		padding: 8px;
	}
	#wikicmds-toggle-label,
	#wikileft-toggle-label,
	#wikihead-search-toggle-label,
	#wikihead-searchform,
	#wikihead,
	#wikileft,
	#wikiright,
	#wikicmds,
	.footnav {
		display: none;
	}
	#wikifoot {
		padding: 2px;
	}
	*[data-pmtoggle="closed"] + * {
		display: inherit;
	}
	*[data-pmtoggle="closed"]::before {
		content: "\025BE\00A0";
	}
	
	:root {
		--myskin-bgcolor: #fff;
	}
}