/* PureBeauty By Odalys — Custom Styles */

/* Marquee animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
}

/* Custom selection color */
::selection {
    background: #a1213a;
    color: #fdf8f6;
}

/* Focus visible for accessibility */
*:focus-visible {
    outline: 2px solid #a1213a;
    outline-offset: 2px;
}

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Print styles */
@media print {
    nav, .mobile-menu, #contact-form, button {
        display: none !important;
    }
    body {
        color: #1a1a1a;
        background: white;
    }
    .hero-overlay {
        display: none;
    }
}

/* Additional responsive tweaks */
@media (max-width: 640px) {
    .font-serif {
        line-height: 1.1;
    }
}

/* Loading state for form */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

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