/**
 * Theme overrides — scoped to calculator UI only (#dayscare-bc-app and related portals).
 * Loaded inline from calculator.php so it wins over Hello Elementor / theme button & select rules.
 */

#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-state-trigger,
#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-category-trigger,
#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-plan-trigger {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	min-width: 0 !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: 2px solid #e8e8e8 !important;
	border-radius: 12px !important;
	padding: 0.85rem 1rem !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: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-state-trigger[aria-expanded="true"],
#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-category-trigger[aria-expanded="true"],
#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-plan-trigger[aria-expanded="true"] {
	border-color: #2E124D !important;
	background: #fafbfc !important;
	background-color: #fafbfc !important;
	box-shadow: 0 0 0 0.2rem rgba(46, 18, 77, 0.1) !important;
}

#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-state-trigger--empty,
#dayscare-bc-app button.dayscare-bc-select.dayscare-bc-state-trigger--empty span {
	color: #6b7280 !important;
	-webkit-text-fill-color: #6b7280 !important;
}

#dayscare-bc-app button.dayscare-bc-state-option,
#dayscare-bc-app button.dayscare-bc-category-option,
#dayscare-bc-app button.dayscare-bc-plan-option,
#dayscare-bc-app button.dayscare-bc-category-option--all {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !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-radius: 8px !important;
	padding: 0.55rem 0.65rem !important;
	margin: 0 0 0.1rem !important;
	font-family: 'Nunito', sans-serif !important;
	font-size: 0.86rem !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;
	clear: both !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#dayscare-bc-app button.dayscare-bc-category-option {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
}

#dayscare-bc-app button.dayscare-bc-category-option--all {
	background: #f3f4f6 !important;
	background-color: #f3f4f6 !important;
	font-weight: 700 !important;
	padding: 0.7rem 0.85rem !important;
	margin-bottom: 0.5rem !important;
}

#dayscare-bc-app button.dayscare-bc-state-option:hover,
#dayscare-bc-app button.dayscare-bc-state-option:focus,
#dayscare-bc-app button.dayscare-bc-category-option:hover,
#dayscare-bc-app button.dayscare-bc-category-option:focus,
#dayscare-bc-app button.dayscare-bc-plan-option:hover,
#dayscare-bc-app button.dayscare-bc-plan-option:focus,
#dayscare-bc-app button.dayscare-bc-category-option--all:hover,
#dayscare-bc-app button.dayscare-bc-category-option--all:focus {
	background: #e8f8f2 !important;
	background-color: #e8f8f2 !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

#dayscare-bc-app button.dayscare-bc-picker-option--active,
#dayscare-bc-app button.dayscare-bc-category-option--all.dayscare-bc-picker-option--active {
	background: #d4f5e8 !important;
	background-color: #d4f5e8 !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	font-weight: 700 !important;
	box-shadow: inset 3px 0 0 #2dd99e !important;
	border: none !important;
}

#dayscare-bc-app .dayscare-bc-state-columns {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

#dayscare-bc-app .dayscare-bc-state-column {
	display: block !important;
	width: 100% !important;
	float: none !important;
}

#dayscare-bc-app .dayscare-bc-category-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
}

#dayscare-bc-app .dayscare-bc-state-panel,
#dayscare-bc-app .dayscare-bc-category-panel,
#dayscare-bc-app .dayscare-bc-plan-panel {
	position: absolute !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	border: 2px solid #e8e8e8 !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
	padding: 0.5rem !important;
	max-height: 380px !important;
	overflow: auto !important;
}

#dayscare-bc-app button.dayscare-bc-autocomplete-item {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	border: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	border-radius: 0 !important;
	padding: 0.75rem 1rem !important;
	margin: 0 !important;
	font-family: 'Nunito', sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	text-transform: none !important;
	text-align: left !important;
	white-space: normal !important;
	float: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

#dayscare-bc-app button.dayscare-bc-autocomplete-item:hover,
#dayscare-bc-app button.dayscare-bc-autocomplete-item--active {
	background: #e8f8f2 !important;
	background-color: #e8f8f2 !important;
	color: #111111 !important;
}

#dayscare-bc-row-picker-portal button.dayscare-bc-row-autocomplete-item {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	border: none !important;
	border-bottom: 1px solid #f0f0f0 !important;
	border-radius: 0 !important;
	padding: 0.75rem 1rem !important;
	margin: 0 !important;
	font-family: 'Nunito', sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	text-transform: none !important;
	text-align: left !important;
	white-space: normal !important;
	float: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

#dayscare-bc-row-picker-portal button.dayscare-bc-row-autocomplete-item:hover,
#dayscare-bc-row-picker-portal button.dayscare-bc-row-autocomplete-item--active {
	background: #e8f8f2 !important;
	background-color: #e8f8f2 !important;
	color: #111111 !important;
}

#dayscare-bc-app select.dayscare-bc-select,
#dayscare-bc-app select.dayscare-bc-freq-period {
	display: block !important;
	width: 100% !important;
	min-width: 0 !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: 2px solid #e8e8e8 !important;
	border-radius: 12px !important;
	padding: 0.85rem 2.5rem 0.85rem 1rem !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;
	line-height: 1.4 !important;
	float: none !important;
	box-shadow: none !important;
	appearance: auto !important;
	-webkit-appearance: menulist-button !important;
}

#dayscare-bc-app .dayscare-bc-table select.dayscare-bc-freq-period {
	padding: 0.45rem 1.75rem 0.45rem 0.5rem !important;
	font-size: 0.85rem !important;
	border-radius: 8px !important;
	border: 1px solid #e5e7eb !important;
	width: auto !important;
	min-width: 6.25rem !important;
	max-width: none !important;
}

#dayscare-bc-app select.dayscare-bc-select option,
#dayscare-bc-app select.dayscare-bc-freq-period option {
	color: #111111 !important;
	background: #ffffff !important;
}

#dayscare-bc-app button.dayscare-bc-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
	font-family: 'Josefin Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	border-radius: 50px !important;
	padding: 0.85rem 1.5rem !important;
	line-height: 1.2 !important;
	text-align: center !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	float: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	background-image: none !important;
	transition: all 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#dayscare-bc-app button.dayscare-bc-btn i {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

#dayscare-bc-app button.dayscare-bc-btn--ghost {
	background: transparent !important;
	background-color: transparent !important;
	color: #2E124D !important;
	-webkit-text-fill-color: #2E124D !important;
	border: 2px solid #e5e7eb !important;
}

#dayscare-bc-app button.dayscare-bc-btn--ghost:hover,
#dayscare-bc-app button.dayscare-bc-btn--ghost:focus {
	background: #f3f4f6 !important;
	background-color: #f3f4f6 !important;
	color: #1f0c35 !important;
	-webkit-text-fill-color: #1f0c35 !important;
	border-color: #d1d5db !important;
}

#dayscare-bc-app button.dayscare-bc-btn--secondary {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #2E124D !important;
	-webkit-text-fill-color: #2E124D !important;
	border: 2px solid #e5e7eb !important;
}

#dayscare-bc-app button.dayscare-bc-btn--secondary:hover,
#dayscare-bc-app button.dayscare-bc-btn--secondary:focus {
	background: #f9fafb !important;
	background-color: #f9fafb !important;
	color: #000000 !important;
	-webkit-text-fill-color: #000000 !important;
	border-color: #d1d5db !important;
}

#dayscare-bc-app button.dayscare-bc-btn--primary {
	background: #2E124D !important;
	background-color: #2E124D !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 2px solid #2E124D !important;
}

#dayscare-bc-app button.dayscare-bc-btn--primary:hover,
#dayscare-bc-app button.dayscare-bc-btn--primary:focus {
	background: #1f0c35 !important;
	background-color: #1f0c35 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border-color: #1f0c35 !important;
	box-shadow: 0 4px 14px rgba(46, 18, 77, 0.22) !important;
}

#dayscare-bc-app button.dayscare-bc-btn--block {
	width: 100% !important;
}

#dayscare-bc-app button.dayscare-bc-btn-delete {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0.35rem !important;
	margin: 0 !important;
	color: #c53030 !important;
	-webkit-text-fill-color: #c53030 !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	border-radius: 8px !important;
}

#dayscare-bc-app button.dayscare-bc-btn-delete:hover,
#dayscare-bc-app button.dayscare-bc-btn-delete:focus {
	background: rgba(220, 53, 69, 0.12) !important;
	background-color: rgba(220, 53, 69, 0.12) !important;
	color: #9b2c2c !important;
	-webkit-text-fill-color: #9b2c2c !important;
	border: none !important;
}

#dayscare-bc-app .dayscare-bc-wizard-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
}

#dayscare-bc-app .dayscare-bc-wizard-nav-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	margin-left: auto !important;
}

#dayscare-bc-search-modal button.dayscare-bc-modal-close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0.25rem 0.5rem !important;
	margin: 0 !important;
	font-size: 1.5rem !important;
	line-height: 1 !important;
	color: #6b7280 !important;
	-webkit-text-fill-color: #6b7280 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

#dayscare-bc-search-modal button.dayscare-bc-modal-close:hover,
#dayscare-bc-search-modal button.dayscare-bc-modal-close:focus {
	color: #2E124D !important;
	-webkit-text-fill-color: #2E124D !important;
	background: transparent !important;
	border: none !important;
}