/* 
 * Sydney Kids Activities — Core Styles
 * Tailwind handles the rest via CDN.
 */

/* Custom scrollbar for editorial feel */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #E5E5E5;
}

::-webkit-scrollbar-thumb:hover {
    background: #ec5b13;
    /* primary */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

html {
    scroll-behavior: smooth;
}

.masonry-grid {
    column-count: 1;
    column-gap: 2rem;
}

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

@media (min-width: 1024px) {
    .masonry-grid {
        column-count: 3;
    }
}

/* Break-inside avoid for masonry items */
.masonry-item {
    break-inside: avoid;
    margin-bottom: 2rem;
}

/* Sharp Corners Enforcement */
* {
    border-radius: 0 !important;
}

header {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s ease;
}

/* Editorial Image Treatments */
.editorial-wash {
    filter: saturate(0.85) contrast(1.05) brightness(0.98);
    transition: filter 0.5s ease;
}

.group:hover .editorial-wash {
    filter: saturate(1) contrast(1.1) brightness(1);
}

/* Typography refinements */
h1,
h2,
h3,
h4,
.font-display {
    letter-spacing: -0.02em;
}

blockquote {
    letter-spacing: -0.03em;
}