/* PH Bookings Extension - frontend styles */

.phbe-native-asset-hidden {
	display: none !important;
}

.phbe-asset-section {
	margin: 1em 0;
}

.phbe-asset-section > label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.phbe-asset-options {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.phbe-asset-option {
	display: flex;
	align-items: center;
	gap: 0.4em;
	cursor: pointer;
	font-weight: normal;
	margin: 0;
	width: 100%;
}

.phbe-asset-option input[type="radio"] {
	margin: 0;
}

.phbe-asset-option.is-unavailable {
	cursor: not-allowed;
}

.phbe-asset-option.is-unavailable input[type="radio"] {
	cursor: not-allowed;
}

.phbe-asset-option.is-unavailable .phbe-asset-name {
	text-decoration: line-through;
}

.phbe-asset-status {
	font-size: 0.85em;
	font-style: italic;
	color: #ffffff;
}

.phbe-asset-section.phbe-hidden {
	display: none;
}

.phbe-asset-message {
	margin-top: 0.5em;
	font-size: 0.9em;
	color: #666;
}

.single_add_to_cart_button.phbe-disabled,
.ph_book_now_button.phbe-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* Late-start (current timeslot) affordances */

#ph-calendar-time li.ph-calendar-date.phbe-late-start-slot,
.time-picker-wraper li.ph-calendar-date.phbe-late-start-slot {
	pointer-events: auto !important;
	cursor: pointer !important;
	opacity: 1 !important;
	position: relative;
	/* Belt-and-suspenders: PluginHive's own stylesheet ties the greyed-out,
	   struck-through look directly to the de-active/not-available/
	   booking-disabled/booking-full classes this plugin removes via JS. If
	   any of those classes are still present for a moment (or get re-added
	   by a core re-render before our next recheck), this class - added at
	   the same time those are removed - forces the "currently open" look
	   regardless, so the slot never LOOKS unavailable even in that gap. */
	text-decoration: none !important;
	color: #fff !important;
	background: none !important;
}

.ph-calendar-date.phbe-late-start-date {
	pointer-events: auto !important;
	cursor: pointer !important;
	opacity: 1 !important;
}

/* Day-navigation arrows shown for some interval types - not used in this
   fixed AM/PM slot workflow. Hidden via visibility (not display:none) so
   its layout space is preserved and nothing beneath/around it (like the
   time slot list) shifts or has its click area affected. */
.time-nav-btns {
	visibility: hidden !important;
}

.booking-info-wraper p {
	line-height: 20px;
}