a, a:visited {color:#e0922f;}
body {background:black;color:white;font-family:'CourierNew',Courier,monospace;}
body.cart header,body.cart #search,body.cart #results,body.cart footer {display:none;}
body.cart #cart {display:block;}
body.unmounted #version, body.unmounted #search .cart, body.unmounted #results {display:none;}
body.wait,body.wait * {cursor:wait !important;}
button,input,select {font-family:'CourierNew',Courier,monospace;}
header {margin:20px 0;text-align:center;}
header div.logo {font-size:12px;line-height:1.5;white-space:pre;}
header div.logo-mobile {display:none;}
header div.logo span {color:#e0922f;}
header h1 {color:#e0922f;font-size:48px;font-weight:normal;margin:20px 0 10px;}
header h2 {font-size:16px;font-weight:normal;margin:10px 0 0;}
header h3 {font-size:14px;font-weight:normal;margin:20px 0 0;}
main {margin:20px 0;}
main a {color:#e0922f;}
main button {background:#ccc;text-transform:uppercase;white-space:nowrap;}
main button[disabled] {cursor: not-allowed;}
main dl {color:white;display: flex;flex-flow:row wrap;margin:20px 0;max-width:400px;width:100%;}
main dl dt {flex-basis:50%;}
main dl dd {flex-basis:50%;font-weight:bold;margin-inline-start:0;text-align:right;}
main form {text-align:center;}
main form#search button {margin:10px 0;}
main form#search input, main form#search select {background:white;box-sizing:border-box;color:black;margin:10px 0;text-transform:uppercase;width:250px;}
main form#search select {width:175px;}
main form#search .cart button {margin:20px auto;}
main h1 {color:#e0922f;font-size:24px;font-weight:normal;margin:0 0 20px;}
main h2 {color:#e0922f;font-size:18px;font-weight:normal;margin:20px 0;}
main p {color:white;margin:20px 0;}
main table {border:0;border-collapse:collapse;text-transform:uppercase;width:100%;}
main table img {display:block;}
main table tr {border-bottom:1px dashed #333333;}
footer {margin:20px 0;}
footer p {font-size:12px;font-weight:normal;margin:0;text-align:center;}
footer p button {background:none!important;border:none;color:#e0922f;cursor:pointer;padding:0!important;text-decoration:underline;text-transform:uppercase;}

#cart {display:none;padding:20px;text-align:left;}
#cart form {margin:20px 0;text-align:left;}
#cart ul {list-style:none;padding:0;}
#cart ul li {display:block;margin:0;padding:0 0 20px 30px;position:relative;}
#cart ul li fieldset {margin-top:10px;width:250px;}
#cart ul li fieldset input {box-sizing:border-box;width:100%;}
#cart ul li fieldset.error {border-color:red;}
#cart ul li fieldset.error input, #cart ul li fieldset.error legend, #cart ul li p.error {color:red;}
#cart ul li input[type="radio"] {left:0;position:absolute;top:0;}
#cart ul li label {display:block;}
#cart ul li.is-disabled {cursor:not-allowed !important;opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;}
#cart ul li.is-disabled * {cursor:not-allowed !important;}

#results {margin:20px 0;}
#results p {color:#e0922f;margin:20px 0;text-align:center;}
#results p.error {color:red;}

#version {background:rgba(0,0,0,0.75);bottom:0;left:0;position:fixed;right:0;top:0;}
#version h3 {font-size:14px;font-weight:bold;line-height:15px;margin:0;padding:25px 0;}
#version h3 span {background:#e0922f;color:black;padding:5px;}
#version menu {align-items:center;bottom:25px;display:flex;left:0;margin:0;padding:0;position:absolute;right:0;top:75px;}
#version menu div {height:100%;max-height:480px;}
#version menu div button {background-position:top center;background-size:cover;border-width:5px;cursor:pointer;height:100%;max-width:320px;position:relative;width:320px;}
#version menu div button span {background:black;border:5px inset #e0922f;bottom:10px;color:white;font-size:20px;left:10px;padding:10px;position:absolute;right:10px;text-align:center;}
#version menu div button.version-clean {background-image:url('../img/version-clean.png');}
#version menu div button.version-explicit {background-image:url('../img/version-explicit.png');}

.highlight {background-color:#e0922f;color:black;padding:3px;}

@media (max-width:767px) {
	header div.logo-desktop {display:none;}
	header div.logo-mobile {display:block;}
	header h1 {font-size:36px;}
	main form#search button {display:block;margin:10px auto;;}
	main form#search input, main form#search select {display:block;margin:10px auto;width:250px;}
	main table, main table tbody, main table td, main table tr {display: block;}
	main thead {display:none;}
	main td {font-size:12px;line-height:12px;position:relative;padding-left:33%;}
	main td:before {color:#e0922f;font-size:11px;line-height:12px;left:0;position:absolute;top:0;white-space:nowrap;width:33%;}
	main td.artist:before {content:"Artiste";}
	main td.condition:before {content:"Condition";}
	main td.copies:before {content:"Copies";}
	main td.cover img {height:100px;margin-bottom:10px;width:100px;}
	main td.format:before {content:"Format";}
	main td.price:before {content:"Prix";}
	main td.title:before {content:"Titre";}
	main tr {padding:10px 0;}
	main tr:nth-child(1) {border-top:1px dashed #333333;}
	#version menu {flex-direction:column;}
	#version menu div {height:50%;}
	#version menu div button {max-height:320px;max-width:240px;}
	#version menu div + div {margin-top:25px;}
}
@media (min-width:768px) {
	main table td {font-size:14px;line-height:14px;padding:5px 10px;}
	main table thead td {color:#e0922f;}
	main table td.cover {width:50px;}
	main table td.cover img {height:50px;width:50px;}
	main table td.price,main table td.copies,main table td.cart {text-align:right;}
	#version menu div {flex-grow:1;text-align:right;}
	#version menu div + div {margin-left:50px;text-align:left;}
}