/* OpenGraph Online theme styles */

/* Sticky-footer layout: on short pages the footer sits at the bottom of the
   viewport (not floating/fixed); on long pages it follows the content. */
html {
	height: 100%;
}
body {
	background-color: #f6f7f9;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
#content {
	flex: 1 0 auto;
}
.ogonline-footer {
	flex-shrink: 0;
}

.ogonline-card {
	transition: transform 0.12s ease, box-shadow 0.12s ease;
	overflow: hidden;
}
.ogonline-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}

/* Keep image cells uniform; cover the 16:9 box. */
.ogonline-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* object-fit utility fallback (Bootstrap 5.3 ships .object-fit-cover, but be safe). */
.object-fit-cover {
	object-fit: cover;
}

/* Autocomplete dropdown */
#ogonline-search-results {
	max-height: 22rem;
	overflow-y: auto;
	text-align: left;
}
#ogonline-search-results .list-group-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}
#ogonline-search-results .list-group-item img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 0.25rem;
	flex: 0 0 auto;
}
#ogonline-search-results .list-group-item.active {
	background-color: var(--bs-primary, #0d6efd);
	color: #fff;
}