/* ==========================================================================
   Back Bar — contextual "back to previous page" bar
   Shown on consultation-menu destination pages (mobile only).
   ========================================================================== */

.ptg-back-bar {
	display: none;
}

@media (max-width: 768px) {
	.ptg-back-bar {
		display: block;
		position: sticky;
		top: 0;
		z-index: 998;
		background: rgba(255, 255, 255, 0.92);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border-bottom: 1px solid #e5e7eb;
	}

	.ptg-back-bar__btn {
		display: flex;
		align-items: center;
		gap: 6px;
		width: 100%;
		padding: 10px 16px;
		border: none;
		background: none;
		cursor: pointer;
		font-family: inherit;
		font-size: 0.8125rem;
		font-weight: 500;
		color: #6366f1;
		-webkit-tap-highlight-color: transparent;
		transition: background 0.15s ease;
	}

	.ptg-back-bar__btn:active {
		background: rgba(99, 102, 241, 0.06);
	}

	.ptg-back-bar__btn svg {
		flex-shrink: 0;
		transition: transform 0.2s ease;
	}

	.ptg-back-bar__btn:active svg {
		transform: translateX(-2px);
	}

	/* Dark mode */
	.dark-mode .ptg-back-bar {
		background: rgba(17, 24, 39, 0.92);
		border-bottom-color: rgba(255, 255, 255, 0.1);
	}

	.dark-mode .ptg-back-bar__btn {
		color: #818cf8;
	}

	.dark-mode .ptg-back-bar__btn:active {
		background: rgba(129, 140, 248, 0.1);
	}
}