/**
 * HomeRunner Flexible Dates
 *
 * Styles for the date-shifting bar injected below the explorer filters.
 * Designed to feel like a subtle, native extension of the date controls.
 */

/* Bar container */
.hrfd-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 4px 2px;
}

/* Button groups */
.hrfd-group {
	display: flex;
	align-items: center;
	gap: 2px;
}

/* Calendar icon */
.hrfd-group-icon {
	display: inline-flex;
	align-items: center;
	color: #999;
	flex-shrink: 0;
	padding: 0 2px;
}

.hrfd-icon {
	display: block;
	width: 16px;
	height: 16px;
}

/* Day offset buttons — text-only, no border */
.hrfd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	min-width: 30px;
	padding: 0 6px;
	border: none;
	border-radius: 6px;
	background: transparent;
	color: #555;
	font-size: 12px;
	font-weight: 500;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
}

.hrfd-btn:hover:not(:disabled) {
	background: rgba(0, 0, 0, 0.06);
	color: #222;
}

.hrfd-btn:focus-visible {
	outline: 2px solid rgba(0, 123, 255, 0.4);
	outline-offset: 1px;
}

/* Disabled */
.hrfd-btn:disabled {
	opacity: 0.25;
	cursor: default;
}

/* Active flash */
.hrfd-btn.hrfd-btn-active {
	background: #333;
	color: #fff;
}

/* Cooldown */
.hrfd-bar.hrfd-cooldown {
	opacity: 0.45;
	pointer-events: none;
}