/* Search item App Styles - Additional styles */

/* Override any conflicting styles from the template */
.searchitem-container {
	padding: 0 !important;
}

/* Ensure proper spacing for search suggestions */
.search-suggestions {
	z-index: 1050 !important;
}

/* Additional responsive improvements */
@media (max-width: 576px) {
	.searchitem-search-container {
		margin-bottom: 1rem;
	}

	.searchitem-product-grid {
		gap: 1rem;
	}

	.searchitem-product-card {
		padding: 1rem;
	}
}

/* Loading animation improvements */
.searchitem-loading .spinner-border {
	width: 3rem;
	height: 3rem;
}

/* Modal improvements for mobile */
@media (max-width: 768px) {
	.modal-dialog {
		margin: 1rem;
	}

	.modal-body {
		padding: 1rem;
	}
}

/* Accessibility improvements */
.searchitem-product-card:focus {
	outline: 2px solid #667eea;
	outline-offset: 2px;
}

.searchitem-search-input:focus {
	outline: none;
}

/* No image placeholder styles */
.no-image-placeholder {
	background-color: #f8f9fa !important;
	border: 2px dashed #dee2e6 !important;
	border-radius: 8px !important;
	color: #6c757d !important;
	font-size: 12px !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	user-select: none !important;
}

/* Specific styles for suggestion items */
.suggestion-item .no-image-placeholder {
	width: 40px !important;
	height: 40px !important;
	font-size: 10px !important;
	border-radius: 4px !important;
}

/* Specific styles for product detail */
.product-detail-image.no-image-placeholder {
	font-size: 16px !important;
	cursor: default !important;
}

/* Print styles */
@media print {
	.searchitem-header,
	.searchitem-search-container,
	.searchitem-scan-btn {
		display: none !important;
	}

	.searchitem-product-card {
		break-inside: avoid;
		box-shadow: none !important;
		border: 1px solid #ddd !important;
	}
}