/*
	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){display:none;}
.sample-header[data-open-close="o"] button:has(img.closed-btn){display:none;}

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

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

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