/* * MODULE: GLOBAL STYLES
 * Description: Fonts, Resets, Typography, Utilities
 */

/* ==========================================================================
   0. FONTS & RESET
   ========================================================================== */

/* Import Fonts from Google (High-tech Trading Style) */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700;800&family=Inter:wght@400;500&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif; /* Fallback an toàn */
}

/* ==========================================================================
   1. LAYOUT COMPENSATION (FIXED HEADER SUPPORT)
   ========================================================================== */
/* Bù đắp chiều cao cho Fixed Header */
body {
    padding-top: 110px;
}

/* ==========================================================================
   2. TYPOGRAPHY ENFORCEMENT
   ========================================================================== */

/* Buttons: Mạnh mẽ, Tin cậy */
.wp-block-button__link,
.wp-element-button {
    font-family: 'Barlow', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}

/* Navigation: Rõ ràng, Dứt khoát */
.wp-block-navigation .wp-block-navigation-item__content {
    font-family: 'Barlow', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px; 
}

/* Heading: Uy lực */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', sans-serif;
}

/* ==========================================================================
   3. GLOBAL UTILITIES
   ========================================================================== */

/* --- Proengin Standard Container --- */
.proengin-container {
    max-width: 1240px;          
    width: 100%;                
    margin: 0 auto;             
    padding: 0 20px;            
    box-sizing: border-box;     
}

/* Ẩn phần tử */
.hidden {
    display: none !important;
}