/* Updated */
/* 
   MAIN STYLESHEET - Modular Architecture
   Import các components để dễ maintain
    */

/* 
   IMPORT BASE RESET
    */
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/basereset.css');

/* 
   IMPORT COMPONENTS
    */
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Header/hero.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Nav/navigation.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Category/category-nav.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Content/content.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/PaperRelease/paper-release.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/ResourcesInfo/resources.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/CategoriesFoot/categories-foot.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Cta/cta.css');
@import url('https://cdn.media-soft.cloud/original/assets/HomePage/Style/Footer/footer.css');

/* 
   MAIN CONTENT & FOOTER
    */

.main-content {
    width: 100%;
    padding: 0;
    background-color: #f9fafb;
}

.footer {
    width: 100%;
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
}

/* 
   ACCESSIBILITY ENHANCEMENTS (Global)
    */

.top-nav__link:focus-visible,
.top-nav__btn:focus-visible,
.top-nav__language:focus-visible,
.hero__search-btn:focus-visible {
    outline: 2px solid #007fff;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

@media (prefers-contrast: high) {
    .top-nav {
        border-bottom: 2px solid currentColor;
    }

    .top-nav__btn {
        border-width: 2px;
    }
}