@charset "UTF-8";

/* CSS Repas – Version V1.5 - 2026
	Script, créé par sync - Boulette (V7.0.0)
	© 2026 Feuille d’heures Angélique
*/

*{
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{
	background:linear-gradient(171deg,#9D4E6C,#3836F7);
	padding:15px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	min-height:100vh;
}
html, body {
	/* Empêche la sélection de texte */
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.container{
	background:#336666;
	color:#fff;
	border-radius:16px;
	box-shadow:0 10px 30px rgba(0,0,0,0.4);
	padding:20px;
	width:100%;
	max-width:510px;
	backdrop-filter:blur(6px);
}
h2{
	font-size:1.4rem;
	margin-bottom:5px;
	text-align:center;
}
h3{
	font-size:0.8rem;
	opacity:0.8;
	margin-bottom:15px;
	text-align:center;
}
.h4{
	font-size:0.65rem;
	opacity:0.65;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin:6px;
	margin-bottom:14px;
	text-align:center;
}
.identite{
	margin:6px;
}
.identite input{
	width:30%;
	margin-top:5px;
	padding:3px;
	border-radius:5px;
	border:none;
}
.nav-semaine{
	text-align:center;
	margin-bottom:15px;
	font-size:0.9rem;
}
.nav-semaine a{
	color:#FFEB3B;
	text-decoration:none;
	margin:0 5px;
	cursor:pointer;
	font-weight:bold;
}
.jour{
	background:rgba(255,255,255,0.15);
	padding:12px;
	border-radius:10px;
	margin-top:3px; /* marge entre les blocs */
}
.jour.inactif{
	opacity:0.4;
}
.jour label{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	margin:6px;
}
.jour label span{
	flex:1;
}
.jour input[type=number]{
	width:60px;
}
label{
	font-size:0.8rem;
	margin-bottom:5px;
	text-align:center;
}
.info input{
	width:95%;
	margin-top:5px;
	padding:6px;
	border-radius:6px;
	border:none;
}
.total_display{
	margin-top:15px;
	font-weight:bold;
	font-size:1rem;
	text-align:center;
	color:#FFEB3B;
}
.tarif_print, #info_urssaf{
	text-align:center;
	margin-top:5px;
	font-size:0.85rem;
}
#tarif{
	text-align:center;
	margin-top:5px;
	font-size:0.8rem;
}
button{
	width:100%;
	padding:12px;
	margin-top:15px;
	border-radius:8px;
	border:none;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	background:#007bff;
	color:#fff;
	box-shadow:0 4px 6px rgba(0,0,0,0.2);
}
button:active{ transform:translateY(1px);}
.section{
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid rgba(255,255,255,0.2);
}
.btn-back{
	background:rgba(0,0,0,0.3);
	margin-top:10px;
}
/* cacher les block pour impression */
@media print{
	.jour.inactif {
		display:none;
	}
	button{
		display:none;
	}
	input.actif {
		display:none;
	}
	div.back_print, .changeWeek {
		display:none;
	}
	h3.back_print {
		display:none;
	}
	input.back_print{
		display:none;
	}
}

.actif{ accent-color:#FF3300; transition:accent-color 8s ease;} /* #FF3300 */

/* repas plus */
.repas-soir-row {
	margin-top: 5px;
	padding-top: 3px;
	border-top: 1px dashed rgba(255,255,255,0.2);
	display: flex;
	align-items: center;
	gap: 5px;
}
.btn-del-repas {
	background: #dc3545;
	color: white;
	border: none;
	border-radius: 5px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.identite {
	text-align: center;
}
.ligne {
	display: flex;
	justify-content: center;
	gap: 20px; /* espace entre les champs */
}
.champ {
	display: flex;
	flex-direction: column;
	align-items: center;
}
input {
	text-align: center;
}
.champ input {
	width: 95%;
	border-radius: 8px;
	border: none;

	-webkit-appearance: none; /* 🔥 clé pour iOS */
	appearance: none;
	box-sizing: border-box;
}

/* FIN de CSS */