/* Form Layout - Narrow Screens */
@media (max-width: 600px) {
	.form-row {
		flex-direction: column;
		gap: 0.5rem;
	}

	.form-group {
		min-width: auto;
		width: 100%;
	}
}

/* Plan Item Menu - Narrow Screens */
@media (max-width: 600px) {

	.plan-item {
		padding-right: 2.5rem; /* Less space needed on narrow screens */
	}

	.plan-item-menu {
		min-width: 140px;
	}

	.plan-item-menu-btn {
		top: 0.25rem;
		right: 0.25rem;
		font-size: 0.8rem;
		min-width: 1.5rem;
		min-height: 1.5rem;
		padding: 0.2rem;
	}

	.plan-item-menu {
		top: 1.75rem; /* Adjusted for smaller button */
		right: 0.25rem;
	}
}

@media (max-width: 1024px) {

	.screen {
		max-width: 80%;
	}

}

@media (max-width: 700px) {

	.screen {
		max-width: 100%;
	}

}

/* Feed Cards - Narrow Screens */
@media (max-width: 767px) {
	.feed-card {
		padding: 1rem;
	}

	.card-title {
		font-size: 1.3rem;
	}

	.utility-actions {
		flex-direction: column;
		gap: 0.5rem;
	}

	.utility-actions .btn-utility {
		width: 100%;
		justify-content: center;
	}
}

/* Sidebar - Mobile adjustments */
@media (max-width: 767px) {
	.mobile-menu-btn {
		z-index: 1002; /* Above sidebar */
		bottom: 1rem;
		left: 1rem;
	}

	.sidebar {
		z-index: 1001;
		box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
	}
}

/* Feed Cards - Very narrow screens (<=460px) */
@media (max-width: 460px) {
	.feed-card {
		width: 100vw;
		max-width: none;
		border-radius: 0;
		border-left: none;
		border-right: none;
		margin: 0 0 0 -2rem; /* Negative left margin to compensate for screen padding */
		padding: 1rem;
	}

	.screen-inner {
		max-width: none;
		padding: 0;
		margin: 0;
	}

	/* Adjust mobile menu button for very small screens */
	.mobile-menu-btn {
		padding: 0.6rem;
		bottom: 1rem;
		left: 1rem;
	}

	.mobile-menu-btn i {
		font-size: 1.1rem;
	}
}