/* Homerun – Book Multiple Days
   Button rules use the .hr-mdb prefix and !important on resets because the
   theme styles every <button> on the site. */
.hr-mdb {
	--hr-mdb-accent: #1e3264;   /* Homerun navy – change if needed */
	--hr-mdb-line: #d6dbe4;
	--hr-mdb-soft: #f3f5f9;
	margin: 16px 0;
	padding: 16px;
	border: 1px solid var(--hr-mdb-line);
	border-radius: 8px;
	background: #fff;
}
.hr-mdb .hr-mdb__head strong { display: block; font-size: 1.05em; margin-bottom: 4px; }
.hr-mdb .hr-mdb__head p { margin: 0 0 12px; font-size: .92em; line-height: 1.45; opacity: .8; }

/* shared button reset */
.hr-mdb button {
	font: inherit !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	line-height: 1.15 !important;
	cursor: pointer;
}

/* month tabs */
.hr-mdb .hr-mdb__tabs {
	display: flex; gap: 6px; overflow-x: auto;
	padding-bottom: 10px; margin-bottom: 10px;
	border-bottom: 1px solid var(--hr-mdb-line);
}
.hr-mdb .hr-mdb__tab {
	flex: 0 0 auto;
	padding: 7px 12px !important;
	border: 1px solid var(--hr-mdb-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: inherit !important;
	font-size: .88em !important;
	white-space: nowrap;
}
.hr-mdb .hr-mdb__tab[aria-selected="true"] {
	background: var(--hr-mdb-accent) !important;
	border-color: var(--hr-mdb-accent) !important;
	color: #fff !important;
}
.hr-mdb .hr-mdb__tab i {
	display: inline-block; min-width: 1.5em; margin-left: 4px; padding: 1px 5px;
	border-radius: 999px; background: var(--hr-mdb-soft); color: var(--hr-mdb-accent);
	font-style: normal; font-size: .85em; font-weight: 700; text-align: center;
}

/* day grid */
.hr-mdb .hr-mdb__grid {
	display: grid; gap: 6px;
	grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
}
.hr-mdb .hr-mdb__day {
	display: flex !important; flex-direction: column; align-items: center; justify-content: center;
	min-height: 56px; padding: 4px !important; margin: 0 !important;
	border: 1px solid var(--hr-mdb-line) !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: inherit !important;
}
.hr-mdb .hr-mdb__day:hover { border-color: var(--hr-mdb-accent) !important; }
.hr-mdb .hr-mdb__day span { font-size: .72em; opacity: .75; }
.hr-mdb .hr-mdb__day b { font-size: 1.1em; }
.hr-mdb .hr-mdb__day em { font-style: normal; font-size: .62em; }
.hr-mdb .hr-mdb__day[aria-pressed="true"] {
	background: var(--hr-mdb-accent) !important;
	border-color: var(--hr-mdb-accent) !important;
	color: #fff !important;
}
.hr-mdb .hr-mdb__day[aria-pressed="true"] span { opacity: .9; }
.hr-mdb .hr-mdb__day.is-base { cursor: default; opacity: .65; }

/* actions + summary */
.hr-mdb .hr-mdb__actions { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; }
.hr-mdb .hr-mdb__link {
	padding: 0 !important; border: 0 !important; background: none !important;
	color: var(--hr-mdb-accent) !important; font-size: .88em !important;
	font-weight: 400 !important; text-decoration: underline !important;
}
.hr-mdb .hr-mdb__summary { margin: 12px 0 0; font-size: .92em; font-weight: 600; }
.hr-mdb .hr-mdb__msg { margin: 6px 0; font-size: .9em; opacity: .75; }

.hr-mdb button:focus-visible { outline: 2px solid var(--hr-mdb-accent) !important; outline-offset: 2px; }