/*
 * FileCare theme — additions on top of the compiled site CSS.
 * 1. Scrolled sticky-header state (React used to toggle utility classes,
 *    here we use slightly more specific selectors instead).
 * 2. WordPress admin-bar offset for the fixed header.
 * 3. Smooth anchor scrolling.
 */

html {
	scroll-behavior: smooth;
}

/* -------------------------------------------------- scrolled header state */
.fc-header.fc-scrolled {
	background: rgba(255, 255, 255, 0.95);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 4px 6px -1px rgba(2, 6, 23, 0.05);
}

.fc-header.fc-scrolled .fc-toplink {
	color: #334155;
	background-color: transparent;
}

.fc-header.fc-scrolled .fc-toplink:hover {
	color: #0f766e;
	background-color: #f8fafc;
}

.fc-header.fc-scrolled .fc-toplink[aria-current="page"] {
	color: #0f766e;
	background-color: transparent;
}

.fc-header.fc-scrolled .fc-logo-text {
	color: #0f172a;
}

.fc-header.fc-scrolled .fc-burger {
	color: #0f172a;
}

/* -------------------------------------------------- WordPress admin bar */
body.admin-bar .fc-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .fc-header {
		top: 46px;
	}
}

/* -------------------------------------------------- mobile menu scrollbar */
.custom-scrollbar::-webkit-scrollbar {
	width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(100, 116, 139, 0.4);
	border-radius: 9999px;
}

.custom-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: rgba(100, 116, 139, 0.4) transparent;
}