/* =========================================================================
   CENTRE DE RADIOLOGIE FATH — Surcouches tactiles / mobiles
   Chargees APRES style.css : ces regles gagnent a specificite egale.
   Objectif : cibles tactiles >= 44 px, saisie sans zoom automatique,
   bonne lisibilite sur telephone et tablette.
   Requetes basees sur la largeur d'affichage (viewport) : elles suivent la
   rotation et la largeur reelle de la fenetre, sur iOS comme ailleurs.
   ========================================================================= */

/* --- Appareils tactiles / ecrans etroits (telephones, tablettes) --- */
@media only screen and (max-width: 768px) {

	/* Cibles tactiles confortables (>= 44 px ~ 33 pt) */
	input[type=submit], button, .button {
		min-height: 44px;
		padding-top: 10pt;
		padding-bottom: 10pt;
	}

	/* Champs de saisie : >= 16 px pour eviter le zoom automatique au focus */
	input[type=text], input[type=password], select {
		font-size: 16px;
		min-height: 42px;
	}

	textarea {
		font-size: 16px;
		min-height: 96px;
	}

	/* Cases a cocher : zone de touche plus large */
	input[type=checkbox], input[type=radio] {
		width: 20px;
		height: 20px;
	}

	/* Boutons images (osirix / zip / weasis) : grande zone de touche */
	.DownloadAsZIP, .OpenInWeasis {
		width: 44pt;
		height: 44pt;
	}

	/* Fil d'ariane : pastilles plus hautes */
	#subheader {
		font-size: 10.5pt;
	}

	#subheader a.back, #subheader a.foreward {
		min-height: 44px;
		padding: 8pt 14pt 8pt 11pt;
	}

	/* Liens de tri / pagination : zones de touche plus genereuses */
	#content td.right a, #content .gray.wide a {
		padding: 7pt 13pt;
		margin: 3pt 4pt 3pt 0;
		font-size: 11pt;
	}

	/* Raccourcis de parcours (albums, listes) : plus hauts, plus lisibles */
	.peopleStudyList, .timeFrameStudyList, .Album, .SmartAlbum {
		padding-top: 11pt;
		padding-bottom: 11pt;
		font-size: 11pt;
	}

	/* Boutons de l'en-tete : restent compacts mais confortables */
	#userbox button {
		min-height: 40px;
	}

	/* Retour visuel au toucher */
	a, button, input[type=submit], input[type=image], .button {
		-webkit-tap-highlight-color: rgba(0, 176, 80, .22);
	}
}

/* --- Telephones (<= 480 px) : en-tete et espacements compacts --- */
@media only screen and (max-width: 480px) {

	#brandlogo {
		height: 30pt;
	}

	#brandname {
		font-size: 11pt;
	}

	#brandtagline {
		display: none;
	}

	#content {
		margin-top: 10pt;
	}

	#content > div {
		padding: 10pt 11pt;
	}

	.logincard {
		padding: 14pt 12pt !important;
	}

	.logincard input[type=submit] {
		width: 100%;
	}
}

/* --- Paysage sur telephone : limiter la largeur de la carte de connexion --- */
@media only screen and (max-height: 480px) and (orientation: landscape) {

	.logincard {
		max-width: 300pt;
	}

	#headerinner {
		padding-top: 4pt;
		padding-bottom: 5pt;
	}
}