/* Custom Styles for A.R.S. S.r.l. */

/* Masonry Grid Setup */
.masonry-grid {
    column-count: 3;
    column-gap: 1rem;
}

/* Adjust columns for smaller screens */
@media (max-width: 1024px) {
    .masonry-grid {
        column-count: 2;
    }
}

@media (max-width: 640px) {
    .masonry-grid {
        column-count: 1;
    }
}

.masonry-item {
    break-inside: avoid;
    transform: translateZ(0); /* Hardware acceleration */
}

/* Base custom styles to complement Tailwind */
::selection {
    background-color: #009640; /* arsgreen */
    color: white;
}

::-moz-selection {
    background-color: #009640;
    color: white;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Soft scrollbar for webkit */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Input focus styles for contact form */
input:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(0, 150, 64, 0.2);
}