/**
 * Life Groups Manager frontend shortcode styles.
 */

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

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

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

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

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

.lgmgr-wrap--frontend .lgmgr-tabs--utility a.lgmgr-tabs__item.lgmgr-tabs__item--action:not(.lgmgr-tabs__item--active) {
	color: var(--lgmgr-text);
	text-decoration: none;
}

.lgmgr-wrap--frontend .lgmgr-tabs--utility .lgmgr-tabs__item--action:not(.lgmgr-tabs__item--active):not([aria-expanded="true"]) .lgmgr-tabs__icon {
	color: var(--lgmgr-text-muted);
}

.lgmgr-wrap--frontend .lgmgr-tabs--utility .lgmgr-tabs__item--action:not(.lgmgr-tabs__item--active):not([aria-expanded="true"]):hover,
.lgmgr-wrap--frontend .lgmgr-tabs--utility .lgmgr-tabs__item--action:not(.lgmgr-tabs__item--active):not([aria-expanded="true"]):hover .lgmgr-tabs__icon,
.lgmgr-wrap--frontend .lgmgr-tabs--utility .lgmgr-tabs__item--action:not(.lgmgr-tabs__item--active):not([aria-expanded="true"]):hover .lgmgr-tabs__label {
	color: var(--lgmgr-text);
}

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

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

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

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

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

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

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

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

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

.lgmgr-wrap--frontend .lgmgr-header__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

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

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

@media (max-width: 782px) {
	body.admin-bar .lgmgr-wrap--frontend .lgmgr-board-sidebar {
		top: 46px;
	}
}

.lgmgr-wrap--frontend .lgmgr-page-header,
.lgmgr-wrap--frontend .lgmgr-tabs-bar,
.lgmgr-wrap--frontend .lgmgr-tabs,
.lgmgr-wrap--frontend .lgmgr-tab-panel {
	width: 100%;
}

.lgmgr-wrap--frontend.lgmgr-wrap--standalone .lgmgr-page-header {
	margin-bottom: 24px;
}

.lgmgr-wrap--frontend .lgmgr-page-header .lgmgr-title {
	font-size: clamp(24px, 2.4vw, 32px);
}

.lgmgr-wrap--frontend .lgmgr-sync-meta {
	text-align: right;
}

.lgmgr-wrap--frontend .lgmgr-notices:empty {
	display: none;
}

.lgmgr-wrap--frontend .lgmgr-notice {
	margin-bottom: 12px;
}

@media (max-width: 782px) {
	.lgmgr-wrap--frontend .lgmgr-page-header,
	.lgmgr-wrap--frontend .lgmgr-page-header__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.lgmgr-wrap--frontend .lgmgr-sync-toolbar {
		justify-content: flex-start;
	}

	.lgmgr-wrap--frontend .lgmgr-sync-progress-row {
		justify-content: flex-start;
	}

	.lgmgr-wrap--frontend .lgmgr-sync-meta {
		text-align: left;
	}

	.lgmgr-wrap--frontend .lgmgr-board-toolbar__filters,
	.lgmgr-wrap--frontend .lgmgr-board-toolbar__actions {
		flex-wrap: wrap;
	}
}