html,
body {
  height: 100%;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

#signupForm {
    display: none;
}

/* Custom Helper Styles for Dashboard Quick-Links Sidebar */
.p-2.5 {
    padding: 0.65rem 0.85rem !important;
}
.xs-font {
    font-size: 0.78rem !important;
}
.tracking-wider {
    letter-spacing: 0.05em;
}

/* Maintain hover alignment animations safely */
.transition-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.transition-hover:hover {
    transform: translateX(3px) !important; /* Moves slightly right instead of upwards to complement the sidebar format */
    box-shadow: 0 4px 8px rgba(0,0,0,0.06) !important;
}

/* Enhancements for Card Image Overlays */
.product-overlay-card {
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-overlay-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25) !important;
}

/* Subtle text shadows for better contrast against busy images */
.text-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/* Gives an elegant frosted glass feel to dark badges */
.backdrop-blur {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Floating Mobile Cart Trigger Setup Styles */
.floating-mobile-cart-btn {
    position: fixed;
    bottom: 85px; /* Floats directly above your bottom-right feedback button layer */
    right: 20px;
    z-index: 1040;
    width: 56px;
    height: 56px;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
    border: 2px solid #fff !important;
}
.floating-mobile-cart-btn:hover {
    transform: scale(1.05);
}

/* Fix offcanvas body behaviors on native web rows configuration loops */
@media (max-width: 991.98px) {
    #mobileCartOffcanvas {
        width: 340px !important;
        max-width: 85vw;
    }
}