/* Formulaires des questions des conseils : « Posez votre question » (pages/question.php) et sa modification (pages/modifconseil.php), chargés par header2.php après les feuilles du site */

#qForm { max-width: 760px; margin: 0 auto 70px; color: #222; }

#qForm .qAdmin { margin-bottom: 18px; padding: 10px 14px; background: #f3e3b5; border: 1px solid #d8bf73; border-radius: 4px; font-size: 15px; }

/* Une carte par étape */
#qForm .qBloc { margin-bottom: 16px; padding: 18px 18px 20px; background: #fff; border: 1px solid #e2e2e2; border-radius: 6px; }
#qForm .qTitre { display: block; margin-bottom: 12px; font-size: 21px; font-weight: 700; line-height: 1.2; }
#qForm .qTitre span { font-size: 15px; font-weight: 400; color: #777; }
#qForm .qAide { margin: -4px 0 10px; font-size: 14px; line-height: 1.4; color: #666; }

/* Vos infos : libellé au-dessus de chaque champ */
#qForm .qLigne { display: flex; flex-wrap: wrap; gap: 12px; }
#qForm .qLigne + .qLigne { margin-top: 12px; }
#qForm .qChamp { display: flex; flex-direction: column; gap: 5px; font-size: 14px; font-weight: 600; color: #444; }
#qForm .qLarge { flex: 1 1 240px; }
#qForm .qCourt { flex: 1 1 80px; max-width: 150px; }

/* 16 px : en dessous, Safari sur iPhone zoome sur le champ touché */
#qForm input[type=text], #qForm textarea {
	width: 100%; box-sizing: border-box; padding: 10px 12px;
	border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #222;
	font-family: inherit; font-size: 16px; line-height: 1.45;
}
#qForm input[type=text]:focus, #qForm textarea:focus { outline: none; border-color: #222; box-shadow: 0 0 0 3px rgba(0, 0, 0, .08); }
#qForm textarea { display: block; resize: vertical; }
#qForm #c_content { min-height: 220px; }
#qForm #infos { min-height: 110px; }

/* Les deux règles à respecter, sur un fond plus chaud */
#qForm .qConseils { background: #faf6ea; border-color: #eadfbe; }
#qForm .qConseils ul { margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.45; }
#qForm .qConseils li + li { margin-top: 6px; }

/* Photos */
#qForm .qPhotos { margin-top: 22px; }
#qForm input[type=file] { max-width: 100%; font-family: inherit; font-size: 15px; }
#qForm input[type=file]::file-selector-button {
	margin-right: 12px; padding: 8px 14px; border: 1px solid #222; border-radius: 4px;
	background: #fff; color: #222; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
}
#qForm #apercuPhotos { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
#qForm #apercuPhotos:empty { display: none; }
#qForm .qPhotos .qAide { margin: 10px 0 0; }

#qForm .qEnvoyer {
	display: block; width: 100%; margin-top: 6px; padding: 14px 24px;
	border: none; border-radius: 4px; background: #000; color: #fff;
	font-family: inherit; font-size: 18px; font-weight: 700; cursor: pointer; -webkit-appearance: none;
}
#qForm .qEnvoyer:disabled { background: #666; cursor: wait; }

@media screen and (min-width: 500px) {
	#qForm .qBloc { padding: 22px 26px 24px; }
	#qForm .qEnvoyer { width: auto; min-width: 280px; }
}

/* Page /modifconseil (pages/modifconseil.php), qui reprend cette feuille */
#qForm .qTexte { margin: 0 0 10px; font-size: 16px; line-height: 1.45; }
#qForm .qConseils .qTexte { margin: 0; }
#qForm .qErreur { margin-bottom: 16px; padding: 12px 16px; background: #fbeaea; border: 1px solid #e3b4b4; border-radius: 6px; color: #8f1d1d; font-size: 16px; font-weight: 600; }
#qForm .qAide.qDeja { margin-top: 10px; color: #222; font-weight: 600; }
#qForm .qRetour { display: inline-block; margin-top: 4px; color: #222; font-weight: 600; text-decoration: underline; }