/* SEO Optimization CSS - بهینه‌سازی SEO و کاهش خطاها */

/* جلوگیری از نمایش خطاهای audio در UI */
.audio-error {
    display: none !important;
}

/* بهینه‌سازی performance برای media elements */
audio, video {
    will-change: auto;
    contain: layout style paint;
}

/* بهبود loading performance */
.media-container {
    contain: layout style paint;
    will-change: auto;
}

/* بهینه‌سازی برای Safari */
@supports (-webkit-appearance: none) {
    .safari-optimized {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* کاهش layout shifts */
.virtual-tour-container {
    min-height: 100vh;
    contain: layout style paint;
}

/* بهینه‌سازی fonts */
@font-face {
    font-family: 'Vazirmatn';
    font-display: swap;
}

/* بهبود accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* بهینه‌سازی برای mobile */
@media (max-width: 768px) {
    .virtual-tour-container {
        min-height: 100dvh; /* dynamic viewport height */
    }
}

/* بهبود performance برای animations */
.performance-optimized {
    will-change: auto;
    contain: layout style paint;
    transform: translateZ(0);
}

/* بهینه‌سازی برای print */
@media print {
    .virtual-tour-container,
    .audio-controls,
    .media-controls {
        display: none !important;
    }
}