/* Custom styles for Lourdes Gaft Shop */

/* Smooth transitions for all interactive elements */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Selection color */
::selection {
    background: #b82828;
    color: white;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #d44040;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #941a1a;
}

/* Navbar scroll effect */
.navbar-scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Image hover zoom wrapper */
.img-zoom {
    overflow: hidden;
}
.img-zoom img {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.img-zoom:hover img {
    transform: scale(1.05);
}

/* Subtle pattern overlay for sections */
.pattern-overlay {
    background-image: radial-gradient(circle at 1px 1px, rgba(120, 24, 24, 0.03) 1px, transparent 0);
    background-size: 24px 24px;
}