/**
 * Housing Manager frontend shortcode styles.
 */

/* Canvas + standalone shell */
body.hmgr-standalone-page .hmgr-wrap--frontend,
.hmgr-wrap--frontend.hmgr-wrap--standalone {
	--hmgr-bg: #f0f2f5;
	--hmgr-card-bg: #ffffff;
	--hmgr-text: #1d2327;
	--hmgr-text-muted: #646970;
	--hmgr-text-subtle: #8c8f94;
	--hmgr-border: #dcdcde;
	--hmgr-primary: #2271b1;
	--hmgr-primary-hover: #135e96;
	--hmgr-danger: #d63638;
	--hmgr-draft: #dba617;
	--hmgr-finalized: #00a32a;
	--hmgr-radius: 8px;
	--hmgr-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

	max-width: none;
	margin: 0;
	width: 100%;
	color: var(--hmgr-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.hmgr-wrap--frontend.hmgr-wrap--medium {
	max-width: var(--hmgr-width-medium, 760px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 32px 24px 48px;
	box-sizing: border-box;
}

.hmgr-wrap--frontend.hmgr-wrap--standalone:not(.hmgr-wrap--medium),
.hmgr-wrap--frontend:has(#hmgr-tab-board) {
	max-width: none;
	width: 100%;
}

/* Isolate plugin UI from theme / UIkit styles */
.hmgr-wrap--frontend a:not(.hmgr-btn):not(.hmgr-project-card__title a) {
	color: var(--hmgr-primary);
}

.hmgr-wrap--frontend .hmgr-btn,
.hmgr-wrap--frontend button.hmgr-btn,
.hmgr-wrap--frontend a.hmgr-btn {
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	font-family: inherit;
}

.hmgr-wrap--frontend .hmgr-form__input,
.hmgr-wrap--frontend input.hmgr-form__input,
.hmgr-wrap--frontend select.hmgr-form__input,
.hmgr-wrap--frontend textarea.hmgr-form__input,
.hmgr-wrap--frontend .hmgr-projects-search__input,
.hmgr-wrap--frontend .hmgr-board-search__input {
	appearance: auto;
	-webkit-appearance: auto;
	background: #fff;
	color: var(--hmgr-text);
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	font-family: inherit;
	height: auto;
	min-height: 0;
}

.hmgr-wrap--frontend label.hmgr-projects-search,
.hmgr-wrap--frontend label.hmgr-board-search {
	display: grid;
}

.hmgr-wrap--frontend label.hmgr-checkbox {
	font-weight: 400;
	color: var(--hmgr-text);
}

.hmgr-wrap--frontend .hmgr-checkbox input {
	margin: 0;
}

.hmgr-wrap--frontend h1,
.hmgr-wrap--frontend h2,
.hmgr-wrap--frontend h3,
.hmgr-wrap--frontend .hmgr-title,
.hmgr-wrap--frontend .hmgr-project-card__title {
	font-family: inherit;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	color: var(--hmgr-text);
}

.hmgr-wrap--frontend .hmgr-location-card__name .hmgr-location-card__value {
	font-family: inherit;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: var(--hmgr-text);
}

.hmgr-wrap--frontend p,
.hmgr-wrap--frontend .hmgr-subtitle,
.hmgr-wrap--frontend .hmgr-hint {
	font-family: inherit;
	color: var(--hmgr-text-muted);
}

.hmgr-wrap--frontend .hmgr-card {
	background: var(--hmgr-card-bg);
	border: 1px solid var(--hmgr-border);
	box-shadow: var(--hmgr-shadow);
}

.hmgr-wrap--frontend .hmgr-project-card__title-link {
	color: var(--hmgr-text);
	text-decoration: none;
}

.hmgr-wrap--frontend .hmgr-project-card__title-link:hover {
	color: var(--hmgr-primary);
}

.hmgr-wrap--frontend .hmgr-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.hmgr-wrap--frontend .hmgr-assignment-board,
.hmgr-wrap--frontend .hmgr-board-toolbar,
.hmgr-wrap--frontend .hmgr-tab-panel {
	max-width: none;
}

.hmgr-wrap--frontend .hmgr-board-column__header h3 {
	font-weight: 700;
}

@media (max-width: 782px) {
	body.admin-bar .hmgr-wrap--frontend #hmgr-tab-board {
		--hmgr-board-sticky-top: 46px;
	}

	body.admin-bar .hmgr-wrap--frontend .hmgr-board-sidebar {
		top: var(--hmgr-board-sticky-top);
	}

	body.hmgr-canvas-template .hmgr-canvas,
	body.hmgr-standalone-page .hmgr-wrap--frontend:not(.hmgr-wrap--medium) {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (min-width: 1200px) {
	body.hmgr-canvas-template .hmgr-canvas {
		padding: 32px 40px;
	}
}