/* Custom styles for Rons Food Mart */

/* Subtle gradient overlay for hero images */
.hero-overlay {
    background: linear-gradient(135deg, rgba(168, 47, 125, 0.08) 0%, rgba(245, 181, 24, 0.08) 100%);
}

/* Soft shadow for cards */
.card-shadow {
    box-shadow: 0 4px 16px rgba(168, 47, 125, 0.08);
}

.card-shadow:hover {
    box-shadow: 0 12px 32px rgba(168, 47, 125, 0.15);
}

/* Smooth focus rings */
input:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* Mobile menu animation */
#mobileMenu {
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Button micro-interactions */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Selection color */
::selection {
    background: rgba(168, 47, 125, 0.2);
    color: #5e1d47;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #faf0f7;
}
::-webkit-scrollbar-thumb {
    background: #ebafd4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #df80bf;
}

/* Print styles */
@media print {
    nav, #mobileMenu, .reveal { display: block !important; opacity: 1 !important; transform: none !important; }
    .gradient-hero { background: #faf0f7 !important; }
    footer { background: #5e1d47 !important; }
}