/* Remove borders/background */
.eco-step { border: none !important; background: transparent !important; }
/* Left‑align all */
.eco-form, .eco-form * { text-align: left; }
.install-btn{
	/* base appearance */
	width: 100% !important;
	background: #7ed321 !important;
	color: #fff !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 16px !important;
	line-height: normal !important;
	text-align: center !important;
	border: none !important;
	border-radius: 4px !important;
	padding: 12px 20px !important;
	margin: 10px 0 !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 1px #eeeeee !important;
	cursor: pointer !important;
	transition: filter 0.2s ease, background 0.2s ease;
}
.install-btn:hover,
.install-btn:focus {
	/* slightly darker on hover/focus */
	background: #6ebf1b !important;
	filter: brightness(0.95);
}
.btn-remove-summary-tv:hover,
.btn-remove-summary-tv:focus,
.btn-remove-tv:hover,
.btn-remove-tv:focus {
	/* slightly darker on hover/focus */
	filter: brightness(0.95);
background-color: red !important;
}
.install-btn:active {
	/* a bit more pressed feedback */
	filter: brightness(0.9);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}
.btn-remove-summary-tv,
.btn-remove-tv {
background-color: red !important;
color: white !important;
border-radius: 4px !important;
}
.tv-header,
.summary-header {
display: flex;
justify-content: space-between;
}
/* Field groups */
.field-group { margin-bottom: 16px; }
.field-group label { display: block; font-weight: 600; margin-bottom: 6px; }
.field-group input,
.field-group select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
.field-group.total {
display: grid !important;
grid-template-columns: 33% auto 33% !important;
text-align: center !important;
}
.summary-header h4{
margin-bottom: 0px !important;
}
.frm_description{
	margin-top: 6px !important;
	padding: 0 !important;
	font-family: "Montserrat" !important;
	font-size: 12px !important;
	color: rgba(5,5,5,1) !important;
	font-weight: normal !important;
	text-align: left !important;
	font-style: normal !important;
	max-width: 100% !important;
}
/* Third columns */
.field-row { display: flex; gap: 10px; }
.field-row .third { flex: 1; }
/* Total */
.field-group.total { display: flex; justify-content: space-between; align-items: center; }
.total-display { font-size: 24px; font-weight: 700; }
/* Summary */
.summary {
	padding: 12px;
	background: #f9f9f9;
	border-radius: 4px;
	margin: 20px 0;
	text-align: center !important;
}
.summary h3 { text-align: center; margin-bottom: 12px; }
.summary p {
margin: 6px 0;
text-align: center !important;
}
/* Step‑2 buttons wrapper */
.step-buttons {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}
.step-buttons .btn-prev,
.step-buttons .btn-next {
	flex: 1;
}
.desc {
padding-left: 20px !important;
padding-right: 20px !important;
text-align: center !important;
}
/* make the inline Flatpickr calendar stretch full‑width */
#eco-tv-form .field-group #inline-datepicker {
	width: 100%;
}
/* hide the actual text‐input */
#wp-date {
	display: none !important;
}
#inline-datepicker {
width: 100%;
}
.flatpickr-calendar,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer{
width: 100%;
max-width: 100%;
min-width: 100%;
text-align: center !important;
}
.flatpickr-months,
.flatpickr-current-month {
text-align: center !important;
}
.flatpickr-day {
width: calc(100%/7);
max-width: calc(100%/7);
min-width: calc(100%/7);
text-align: center !important;
}
.today {
	background: #569ff7 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #569ff7 !important;
}
.selected {
	background: #80CE11 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #80CE11 !important;
}
.flatpickr-disabled {
color: rgba(57,57,57,0.3) !important;
}
.field-group.discount .discount-fields {
	display: flex;
	gap: 10px;
}
.field-group.discount .discount-fields input {
	flex: 1;
}