/*
 * Resume Page - Elementor Port
 * This file imports all necessary Elementor CSS for the resume page
 * Preserves exact WordPress/Elementor styling
 */

/* Import Elementor core styles */
@import url('elementor-frontend.css');
@import url('elementor-global.css');
@import url('resume_elementor_full.css');

/* Override base template styles for full-width Elementor layout */
.resume-page {
    /* Remove base template constraints */
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

/* Ensure Elementor sections span full width */
.resume-page .elementor-section-full_width {
    width: 100vw;
    margin-left: calc(-1 * var(--sidebar-width, 0px));
    position: relative;
}

/* Remove sidebar for resume page - make it truly full width */
body.resume-page-body .site-wrapper {
    grid-template-columns: 1fr !important;
}

body.resume-page-body .sidebar {
    display: none !important;
}

body.resume-page-body main {
    padding: 0 !important;
    max-width: none !important;
}

/* Ensure proper font loading for animated headline */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Noto+Sans:wght@100;300;400;500;700;900&display=swap');

/* Mobile responsiveness - preserve Elementor's mobile styles */
@media (max-width: 768px) {
    .resume-page .elementor-section-full_width {
        width: 100vw;
        margin-left: 0;
    }
}