/* Custom Styles for Lauren Skin & Hair Care */

/* Smooth scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #cbb382; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ad8e51; 
}

/* Image Hover Zoom Utility */
.img-zoom-container {
    overflow: hidden;
}
.img-zoom-container img {
    transition: transform 0.5s ease;
}
.img-zoom-container:hover img {
    transform: scale(1.05);
}

/* Overlay utility */
.hover-overlay {
    position: relative;
}
.hover-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background 0.3s ease;
    z-index: 1;
}
.hover-overlay:hover::after {
    background: rgba(0,0,0,0.2);
}
.hover-overlay > * {
    z-index: 2;
    position: relative;
}

/* Base Form Inputs */
input[type="text"], input[type="email"], input[type="password"], textarea {
    transition: all 0.3s ease;
}

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