/**
 * ==========================================================================
 * MAIN CSS - AGGREGATOR
 * Abel Odorico Theme v3.0
 * 
 * This file imports all modular CSS files in the correct order.
 * DO NOT add styles directly to this file.
 * ==========================================================================
 */

/* ========================================
   1. BASE
   ======================================== */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/theme-toggle.css');

/* ========================================
   2. LAYOUT
   ======================================== */
@import url('./layout/grid.css');

/* ========================================
   3. EFFECTS
   ======================================== */
@import url('./effects/glassmorphism.css');
@import url('./effects/animations.css');

/* ========================================
   4. COMPONENTS
   ======================================== */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/header.css');
@import url('./components/footer.css');
@import url('./components/carousels.css');
@import url('./components/widgets.css');
@import url('./components/comments.css');
@import url('./components/ai-widget.css');


/* ========================================
   5. SECTIONS
   ======================================== */
@import url('./sections/hero.css');
@import url('./sections/highlights.css');
@import url('./sections/featured-mission.css');
@import url('./sections/about.css');
@import url('./sections/experience.css');
@import url('./sections/projects.css');
@import url('./sections/contact.css');
@import url('./sections/blog.css');
@import url('./sections/search-404.css');
@import url('./sections/awards.css');
@import url('./sections/profile.css');
@import url('./sections/certifications.css');
@import url('./sections/brand-manual.css');

/* ========================================
   6. UTILITIES & OVERRIDES
   ======================================== */
@import url('./base/utilities.css');

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

/* Prevent body scroll when mobile menu is open */
body.menu-open {
    overflow: hidden;
}

/* WordPress specific overrides */
.wp-block-image img {
    height: auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: var(--ao-space-lg);
}

.alignright {
    float: right;
    margin-left: var(--ao-space-lg);
}

/* Admin bar adjustment */
.admin-bar .header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .header {
        top: 46px;
    }
}

/* Elementor compatibility */
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1280px;
}

/* Custom cursor styles (applied by JS) */
.cursor-pointer {
    cursor: pointer;
}

[data-cursor="pointer"] {
    cursor: none;
}

/* Loading state for page - removed opacity:0 to prevent hidden content */
.js .is-loading {
    overflow: hidden;
}

/* Sections são visíveis por padrão */
.hero,
.section {
    opacity: 1;
    transform: translateY(0);
}

/* Opcional: animação suave ao carregar para quem tem JS */
.is-loaded .hero,
.is-loaded .section {
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}