/*		contactBudget.css		version 1		6/9/26		*/


/*	=============================================================  BUDGET  ===========================================================	*/

	.budget-wrapper {
		cursor:			pointer;
		}

	.budget-collapsed {
		background-color: #1a1a1a;
		border:			calc(2 * var(--vw1600) / 1600) solid #880000;
		border-radius:	calc(24 * var(--vw1600) / 1600);
		padding:		calc(12 * var(--vw1600) / 1600)
						calc(16 * var(--vw1600) / 1600);
		min-height:		calc(48 * var(--vw1600) / 1600);
		box-shadow:
			0 0 0		calc(1.5 * var(--vw1600) / 1600) slateblue,
			0 0			calc(10 * var(--vw1600) / 1600) rgba(106, 90, 205, 0.4);
		}

	.budget-placeholder {
		color:			#555555;
		font-size:		calc(48 * var(--vw1600) / 1600);
		font-family:	Arial, sans-serif;
		font-style:		italic;
		}

	.budget-summary {
		color:			white;
		font-size:		calc(44 * var(--vw1600) / 1600);
		font-style:		italic;
		}

	.budget-expanded {
		display:		none;
		flex-direction:	column;
		gap:			calc(16 * var(--vw1600) / 1600);
		background-color: #1a1a1a;
		border:			calc(2 * var(--vw1600) / 1600) solid #2DC8FF;
		border-radius:	calc(24 * var(--vw1600) / 1600);
		padding:		calc(12 * var(--vw1600) / 1600)
						calc(16 * var(--vw1600) / 1600);
		box-shadow:
			0 0 0		calc(1.5 * var(--vw1600) / 1600) slateblue,
			0 0			calc(10 * var(--vw1600) / 1600) rgba(106, 90, 205, 0.4);
		}

	.budget-expanded.bg-open {
		display:		flex;
		}

	.budget-collapsed.bg-hidden {
		display:		none;
		}

	.budget-grid {
		display:		grid;
		grid-template-columns: 50% 50%;
		grid-template-rows:	repeat(4, auto);
		grid-auto-flow:	column;
		gap:			calc(12 * var(--vw1600) / 1600);
		}

	.budget-option {
		display:		flex;
		align-items:	center;
		gap:			calc(12 * var(--vw1600) / 1600);
		cursor:			pointer;
		}

	.budget-option input[type="radio"] {
		width:			calc(28 * var(--vw1600) / 1600);
		height:			calc(28 * var(--vw1600) / 1600);
		accent-color:	#99FF99;
		flex-shrink:	0;
		cursor:			pointer;
		}

	.budget-option span {
		color:			white;
		font-size:		calc(40 * var(--vw1600) / 1600);
		font-style:		italic;
		}

	.budget-specify-row {
		display:		flex;
		align-items:	center;
		gap:			calc(16 * var(--vw1600) / 1600);
		padding-top:	calc(8 * var(--vw1600) / 1600);
		border-top:		calc(1 * var(--vw1600) / 1600) solid #880000;
		}

	.budget-specify-input {
		display:		none;
		flex:			1;
		background-color: #1a1a1a;
		border:			calc(2 * var(--vw1600) / 1600) solid #880000;
		border-radius:	calc(24 * var(--vw1600) / 1600);
		color:			white;
		font-size:		calc(40 * var(--vw1600) / 1600);
		font-family:	Arial, sans-serif;
		font-style:		italic;
		padding:		calc(8 * var(--vw1600) / 1600)
						calc(12 * var(--vw1600) / 1600);
		}

	.budget-specify-input.bg-visible {
		display:		block;
		}