/* Main CSS File */
/* Custom styles for Marcelo Pariz Photography Website */

/* Custom utility classes */
.container-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px) {
    .section-padding {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

@media (min-width: 1024px) {
    .section-padding {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

/* Animation utilities */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.animate-fade-in {
    opacity: 0;
    animation: fadeIn 0.8s ease-in forwards;
}

/* Grain overlay */
.grain-overlay {
    position: relative;
}

.grain-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feBlend mode="screen"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>');
    opacity: 0.05;
    pointer-events: none;
    z-index: 1;
}

/* Implementation switch button */
.implementation-switch {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 50;
    padding: 0.5rem 1rem;
    background-color: black;
    color: white;
    border-radius: 0.375rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    transition: background-color 0.3s;
}

.implementation-switch:hover {
    background-color: #333;
}