/* Ajouts de la version JS (la feuille style.css d'origine reste inchangée). */

/* Bouton rouge (mêmes dimensions que button5, image recolorée : tools/site/make-red-button.mjs) */
.button5.red {
	background-image : url("/img/buttons/button5_red.png");
}
.button5.red:hover {
	background-image : url("/img/buttons/button5_red_over.png");
}

/* Pied de page : le rat décoratif est décalé à droite pour laisser la place à la mention d'adaptation */
.art_mouse {
	margin-left : 660px;
}

/* Bandeau du mode test (bêta) : bas de l'écran, sur toutes les pages */
body:has(#mtBeta) {
	padding-bottom : 40px;
}
#mtBeta {
	position : fixed;
	left : 0px;
	right : 0px;
	bottom : 0px;
	z-index : 50;
	padding : 5px 0px 0px 0px;
	background : repeating-linear-gradient(-45deg, #f2c200 0px, #f2c200 12px, #222 12px, #222 24px);
	box-shadow : 0px -2px 6px rgba(0,0,0,0.35);
}
#mtBeta .mtBetaText {
	background-color : #4d5a80;
	color : #fff;
	text-align : center;
	font-family : "Segoe UI", "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-size : 13px;
	padding : 6px 10px;
	text-shadow : 0px 1px 2px rgba(0,0,0,0.6);
}
#mtBeta .mtBetaText b {
	color : #ffd23c;
}

/* Mode bêta : réinitialisation de la journée (QG) */
.box10 form.mtReset {
	text-align : center;
	margin-top : 14px;
	padding-top : 10px;
	border-top : 1px dashed #b9a27a;
}
.box10 form.mtReset p {
	margin-bottom : 6px;
}
.box10 form.mtReset .button5 {
	font-size : 0.95em;
}

/* Gérer mon armée : ordre du raid (second organiseur) */
.raidorder {
	margin-top : 25px;
}
.raidorder p {
	margin : 4px 0px 8px 0px;
}

/* Gérer mon armée : liste des sous-armées (arbre de recrutement) */
.subarmies {
	margin-top : 25px;
}
.subarmies > p {
	margin-top : 10px;
}
/* Style de l'historique des recrues (ul.history), en liste déroulante */
.subarmies ul.history {
	width : auto;
	max-height : 300px;
	overflow-y : auto;
	margin-right : 3px;
}
.subarmies ul.history p.extra {
	height : 17px;
}
.subarmies .branch {
	font-style : normal;
	color : #86623e;
}

/* Page d'affinage d'un trooper (/t/<n>?refine=) */
.refine p {
	margin-bottom : 8px;
}
.refine p.step {
	font-weight : bold;
	color : #283d7c;
	margin-top : 12px;
}
.refine ul.drop li {
	display : inline-block;
	margin : 0px 8px 8px 0px;
}
.refine ul.drop label {
	display : inline-block;
	padding : 4px 10px 4px 4px;
	border : 2px solid #b9a27a;
	border-radius : 6px;
	background-color : #f6ecd6;
	cursor : pointer;
	line-height : 30px;
}
.refine ul.drop input {
	display : none;
}
.refine ul.drop .levelskill {
	display : inline-block;
	width : 30px;
	height : 30px;
	vertical-align : middle;
	margin-right : 4px;
}
.refine ul.drop label:has(input:checked) {
	border-color : #283d7c;
	background-color : #dfe6f7;
}
.refine table.levelup {
	width : auto;
	margin : 0px;
}

/* Modales de confirmation (public/js/mt-site.js) : popup #notification du site d'origine */
.mtModal #notification .poptop {
	position : fixed;
	top : 0px;
	left : 50%;
	margin : 120px 0px 0px -402px;
}
/* En-tête "erreur" : dans style.css, la règle "#notification .poptop" (plus spécifique) masquait ".poperror .poptop" */
#notification.poperror .poptop {
	background-image : url("/img/poptop_e.png");
}
.mtModal .pop p {
	margin-top : 10px;
}
.mtModal #notification .button5 {
	margin : 10px 6px 0px 0px;
}
.mtModal .black {
	position : fixed;
}