/**
 * Minimal Fixes CSS
 * Chỉ sửa các vấn đề cần thiết, không ảnh hưởng giao diện hiện tại
 */

/* Chỉ cải thiện accessibility cho screen readers */
iframe:not([title]) {
    /* Invisible label for screen readers only */
}

iframe:not([title])::after {
    content: "Embedded content";
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* Cải thiện focus outline cho accessibility - không thay đổi giao diện bình thường */
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

/* Cải thiện contrast cho text trên background tối */
.main-navigation a:focus {
    outline-color: #ffffff;
}

/* Đảm bảo link có thể đọc được */
a:not([aria-label]):empty::after {
    content: "Link";
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* Responsive text cho mobile - không ảnh hưởng desktop */
@media (max-width: 768px) {
    body {
        font-size: 16px; /* Đảm bảo text đủ lớn trên mobile */
        line-height: 1.6;
    }
    
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.3;
    }
}

/* High contrast support - chỉ khi user enable */
@media (prefers-contrast: high) {
    .main-navigation a {
        border: 1px solid;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}