/*
 * Brand theme: The Gold Pavilion (https://thegoldpavilion.com)
 * Font: Montserrat. Accent: their deep teal (#015652).
 * Loaded after adminlte.css so these rules win. Bootstrap/AdminLTE ship
 * several components (.btn-primary, sidebar active state, etc.) with
 * pre-computed hex rather than a live var(--bs-primary) reference, so
 * those need an explicit re-point in addition to the token overrides.
 */

:root,
[data-bs-theme="light"] {
	--bs-font-sans-serif: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	--bs-primary: #015652;
	--bs-primary-rgb: 1, 86, 82;
	--bs-primary-text-emphasis: #001110;
	--bs-primary-bg-subtle: #e6eeee;
	--bs-primary-border-subtle: #a6c4c2;
	--bs-link-color: #015652;
	--bs-link-color-rgb: 1, 86, 82;
	--bs-link-hover-color: #014946;
	--bs-link-hover-color-rgb: 1, 73, 70;
	--bs-focus-ring-color: rgba(1, 86, 82, 0.25);
}

[data-bs-theme="dark"] {
	--bs-primary: #5a918f;
	--bs-primary-rgb: 90, 145, 143;
	--bs-primary-text-emphasis: #b3cccb;
	--bs-primary-bg-subtle: #001110;
	--bs-primary-border-subtle: #012b29;
	--bs-link-color: #5a918f;
	--bs-link-color-rgb: 90, 145, 143;
	--bs-link-hover-color: #80aba9;
	--bs-link-hover-color-rgb: 128, 171, 169;
	--bs-focus-ring-color: rgba(90, 145, 143, 0.35);
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: #014946;
	--bs-btn-hover-border-color: #014946;
	--bs-btn-active-bg: #01413e;
	--bs-btn-active-border-color: #01413e;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

[data-bs-theme="dark"] .btn-primary {
	--bs-btn-hover-bg: #80aba9;
	--bs-btn-hover-border-color: #80aba9;
	--bs-btn-active-bg: #96bab8;
	--bs-btn-active-border-color: #96bab8;
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.text-bg-primary {
	background-color: var(--bs-primary) !important;
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-check-input:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.page-link {
	color: var(--bs-primary);
}

.page-item.active .page-link {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

/* Sidebar: swap AdminLTE's neutral dark panel for the brand teal. Scoped to
   the sidebar's own dark-mode attribute so it doesn't touch bg-body-secondary
   used elsewhere. */
.app-sidebar[data-bs-theme="dark"] {
	--bs-secondary-bg-rgb: 1, 86, 82;
}

/* Touch target sizing: btn-sm and the icon-only sidebar toggle read fine on
   desktop but fall under Apple/Google's ~44px minimum tap target on phones
   and tablets. Widen the hit area there only, so desktop density is kept. */
@media (max-width: 768px) {
	.btn-sm {
		min-width: 2.75rem;
		min-height: 2.75rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	[data-lte-toggle="sidebar"] {
		min-width: 2.75rem;
		min-height: 2.75rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

/* Shared page pieces used by both systems */
.form-control:focus,
.form-select:focus {
	border-color: #80aba9;
	box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

@media print {
	.app-sidebar,
	.app-header,
	.app-footer,
	.no-print {
		display: none !important;
	}

	.app-main,
	.app-content {
		margin: 0 !important;
		padding: 0 !important;
	}
}