/**
 * 123D Viewer - Frontend Styles
 * 
 * Note: Most viewer styles are inline in the template for better scoping.
 * This file provides only supplemental styles and print media rules.
 * 
 * @package 123D-Viewer
 */

/* Hide 3D viewer in print */
@media print {
    .farn-3d-button-container,
    .farn-3d-modal,
    .farn-view-3d-btn {
        display: none !important;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .farn-spinner {
        animation: none;
    }
    .farn-view-3d-btn,
    .farn-modal-close {
        transition: none !important;
    }
    @keyframes farn-modal-appear {
        from, to {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .farn-view-3d-btn {
        border: 2px solid currentColor !important;
    }
    .farn-modal-close {
        border: 2px solid currentColor !important;
    }
}

/* Focus styles for accessibility */
.farn-view-3d-btn:focus,
.farn-modal-close:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.farn-view-3d-btn:focus:not(:focus-visible),
.farn-modal-close:focus:not(:focus-visible) {
    outline: none;
}

/* Ensure modal is above everything */
.farn-3d-modal {
    isolation: isolate;
}