/* Elba - Airport Shuttle - login.css
   © Eric Reboux Software - Mac V.F. 22/11/2025 */

main
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;

	article
	{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 30px;
		width: fit-content;
		padding: 30px;
		border: 1px solid var(--site_grey);
		border-radius: var(--border_radius);

		& > hr
		{
			width: 1px;
			height: 100%;
		}

		section
		{
			width: fit-content;
			font-size: 18px;
			text-align: center;

			h2
			{
				margin-bottom: 16px;
				color: var(--hilton_green);
			}

			h3
			{
				margin-bottom: 12px;
				color: var(--hilton_green);
			}

			strong
			{
				font-weight: 500;
			}

			form
			{
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				gap: 16px;
				margin-top: 24px;

				label
				{
					display: flex;
					align-items: center;
					gap: 8px;
					text-align: right;
					white-space: nowrap;
				}

				input[type="text"], input[type="email"], input[type="password"], input[type="time"], input[type="date"], input[type="url"], input[type="number"]
				{
					min-width: 340px;
				}
			}
		}
	}

	h3
	{
		display: flex;
		align-items: center;
		gap: 16px;

		i[class^='fa-']
		{
			margin-right: 6px;
			font-size: 80%;
		}
	}
}


@media (max-width: 1000px)
{
   main
   {
	   gap: 20px;
   }

   main article
   {
	   flex-direction: column;
	   gap: 20px;
	   padding: 20px;
	   border: none;

	   & > hr
	   {
		   width: 100%;
		   height: 1px;
	   }
   }
}

@media (max-width: 500px)
{
	main
	{
		article
		{
			section
			{
				form
				{
					flex-wrap: wrap;

					label
					{
						display: flex;
						flex-direction: column;
						align-items: flex-start;
					}

					input[type="text"], input[type="email"], input[type="password"], input[type="time"], input[type="date"], input[type="url"], input[type="number"]
					{
						min-width: 90vw;
					}
				}
			}
		}
	}
}