/**
 * Invoice theme overrides — scoped to #dayscare-inv-app and #dayscare-inv-picker-portal.
 * Loaded inline from invoice.php so it wins over Hello Elementor / theme button rules.
 */

#dayscare-inv-picker-portal button.dayscare-inv-picker-item[type="button"] {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	background-image: none !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	border: none !important;
	border-bottom: 1px solid #e5e7eb !important;
	border-radius: 0 !important;
	padding: 0.65rem 0.85rem !important;
	margin: 0 !important;
	font-family: 'Nunito', sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-align: left !important;
	white-space: normal !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
	float: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transition: background 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item[type="button"]:last-child {
	border-bottom: none !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item[type="button"]:hover,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item[type="button"]:focus,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item.is-active[type="button"] {
	background: rgba(70, 240, 186, 0.12) !important;
	background-color: rgba(70, 240, 186, 0.12) !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	border: none !important;
	border-bottom: 1px solid #e5e7eb !important;
	outline: none !important;
	box-shadow: none !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item .dayscare-inv-picker-item__name {
	display: block !important;
	font-weight: 600 !important;
	font-size: 0.85rem !important;
	color: #2E124D !important;
	-webkit-text-fill-color: #2E124D !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item:hover .dayscare-inv-picker-item__name,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item:focus .dayscare-inv-picker-item__name,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item.is-active .dayscare-inv-picker-item__name {
	color: #2E124D !important;
	-webkit-text-fill-color: #2E124D !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item .dayscare-inv-picker-item__meta {
	display: block !important;
	margin-top: 0.15rem !important;
	font-size: 0.75rem !important;
	color: #6b7280 !important;
	-webkit-text-fill-color: #6b7280 !important;
}

#dayscare-inv-picker-portal button.dayscare-inv-picker-item:hover .dayscare-inv-picker-item__meta,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item:focus .dayscare-inv-picker-item__meta,
#dayscare-inv-picker-portal button.dayscare-inv-picker-item.is-active .dayscare-inv-picker-item__meta {
	color: #6b7280 !important;
	-webkit-text-fill-color: #6b7280 !important;
}

#dayscare-inv-app button.dayscare-inv-btn--icon[type="button"],
#dayscare-inv-app button.dayscare-inv-remove-line[type="button"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #9ca3af !important;
	-webkit-text-fill-color: #9ca3af !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	padding: 0.4rem 0.55rem !important;
	margin: 0 !important;
	font-family: 'Nunito', sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#dayscare-inv-app button.dayscare-inv-btn--icon[type="button"]:hover,
#dayscare-inv-app button.dayscare-inv-btn--icon[type="button"]:focus,
#dayscare-inv-app button.dayscare-inv-remove-line[type="button"]:hover,
#dayscare-inv-app button.dayscare-inv-remove-line[type="button"]:focus {
	background: #fef2f2 !important;
	background-color: #fef2f2 !important;
	color: #dc2626 !important;
	-webkit-text-fill-color: #dc2626 !important;
	border-color: #fecaca !important;
	outline: none !important;
	box-shadow: none !important;
}

#dayscare-inv-app button.dayscare-inv-btn--icon[type="button"] i,
#dayscare-inv-app button.dayscare-inv-remove-line[type="button"] i {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}
