/* Custom styles — Final Draft Tattoo & Art Studio */

/* Prevent FOUC on theme load */
html { background: #fdf4f8; }

/* Smooth focus outlines for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #fbbf24;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: rgba(147, 20, 77, 0.2);
    color: #350318;
}

/* Mobile link hover */
.mobile-link {
    display: block;
    transition: color 0.3s, padding-left 0.3s;
}
.mobile-link:hover {
    color: #fbbf24;
    padding-left: 8px;
}

/* Subtle floating animation for hero decorative elements */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    html { scroll-behavior: auto; }
    .service-card:hover { transform: none; }
    .gallery-item img { transition: none; }
    .gallery-item:hover img { transform: none; }
    .animate-bounce { animation: none; }
}

/* Print styles */
@media print {
    nav, .mobile-menu, #mobile-overlay, .animate-bounce { display: none !important; }
    .hero-bg { background: #350318 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body { color: #000; background: #fff; }
}