/*
	for Sample Programs
	このCSSはpdftools.cssを上書きするので、その後に読み込むこと
*/

/*サンプル*/
.sample-programs{
	padding:1.5em;
	background-color:#f0f0ef;
	border-radius:25px;

	& h3{}
}
.sample-header{
	display:flex;
	justify-content:space-between;

	& button{
		padding:.5em;
		border-width:2px;
		border-style:solid;
		border-radius:8px;
		cursor:pointer;
	}
	& button:has(img.opened-btn){
		background-color:white;
		border-color:#f0f0ef;
	}
	& button:has(img.closed-btn){
		background-color:#dad9d8;
		border:2px solid #f0f0ef;
	}
	& button:has(img.opened-btn):hover{
		border-color:white;
	}
	& button:has(img.closed-btn):hover{
		border-color:#dad9d8;
	}
}
.sample-lang{
	display:flex;
	gap:1em;

	& button{
		padding:.5em;
		border-style:solid;
		border-width:2px;
		border-radius:8px;
	}
	& button:not(.lang-selected){
		border-color:#f0f0ef;
		background-color:#dad9d8;
	}
	& button:not(.lang-selected):hover{
		border-color:#dad9d8;
	}
	& .lang-selected{
		border-color:white;
		background-color:white;
	}
}
div[class*=sample-download]{
	align-items:center;
	display:flex;
	gap:.8em;
}
[class^="sample-download"] button{
	border:2px solid;
	border-color:#f0f0ef;
	border-radius:8px;
	background-color:#dad9d8;
	color:#7399e5;
	cursor:pointer;
}
[class^="sample-download"] button:hover{
	border-color:#dad9d8;
	color:#000;
}
[class^="sample-download"] + iframe{
	display:none;
	width:100%;
	border:1px solid gray;
	background-color:GhostWhite;
}
.sample-programs{
	& .read-me{display:none;}
	& + .sample-programs{margin-top:1.5em;}
}

/*開閉*/
.sample-header{
	&[data-open-close="c"] button:has(img.opened-btn),
	&[data-open-close="o"] button:has(img.closed-btn){display:none;}
}

/*概要と区切線*/
.sample-header[data-open-close="c"]{
	& ~ p.sample-description{padding-bottom:1em;}
	& ~ hr{display:none;}
}

/*言語切り替え*/
.sample-programs nav.sample-lang{
	&[data-lang="c"] ~ :is(div[data-lang="cs"],div[data-lang="py"]),
	&[data-lang="cs"] ~ :is(div[data-lang="c"],div[data-lang="py"]),
	&[data-lang="py"] ~ :is(div[data-lang="c"],div[data-lang="cs"]),
	&[data-lang="none"] ~ div[data-lang]{display:none;}	/*未指定*/
}

/*ダウンロード*/
.sample-programs nav.sample-lang{
	&[data-lang="none"] ~ :is(div[class$="-c"],div[class$="d-cs"],div[class$="-py"]),	/*none => sample-download-c or sample-download-cs or sample-download-py*/
	&[data-lang="cs"] ~ div[class="sample-download-c"],
	:is(&[data-lang="c"],&[data-lang="cs"],&[data-lang="py"]) ~ div[class="sample-download-warn"],	/*C or C# or Python=> ... */
	&[data-lang="c"] ~ :is(div[class$="-cs"],div[class$="-py"],div[class="sample-download-warn"]),
	&[data-lang="cs"] ~ :is(div[class$="-c"],div[class$="-py"],div[class="sample-download-warn"]),
	&[data-lang="py"] ~ :is(div[class$="-c"],div[class$="-cs"],div[class="sample-download-warn"]){display:none;}
}