:root {
	--nav-color: #3b3b3a;
	font-size: 1.2rem;
}

.navbar {
	background-color: var(--nav-color) !important;
}

.logo-container img {
	width: auto;
	height: 3rem;
}


.content {
	min-height: 90vh;
}


footer {
  background-color: var(--nav-color);
  padding: 1rem 0;
  color: #fff;
  text-align: center;
}

footer span {
  font-size: 0.9rem;
}


.htmx-request {
    opacity: 0.7;
}

.htmx-indicator {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.htmx-request .htmx-indicator {
    opacity: 1;
}

.htmx-request.htmx-indicator {
    opacity: 1;
}
.navbar .nav-link:hover,
.featured-item-card:hover {
    color: #e83e8c !important;
    transition: color 0.3s ease;
}

/* HTMX Transitions */
.htmx-settling {
    opacity: 0;
}

.cart-badge {
	border-radius: 50%;
	font-size: 0.55rem;
	position: absolute;
	text-align: center;
	cursor: pointer;
	transform: translateX(12px) translateY(-5px);
	width: 15px;
	padding-top: 2px !important;
	height: 15px;
	/* justify-content: center; */
}