/* Fix mobile menu icon size to match other icons - driqbaldds.com */

/* Elementor mobile menu toggle */
.elementor-nav-menu--toggle,
.elementor-menu-toggle {
    font-size: 24px !important;
}

.elementor-nav-menu--toggle i,
.elementor-nav-menu--toggle svg,
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}

/* General menu toggle fixes */
.menu-toggle,
#menu-toggle,
.mobile-menu-icon,
.hamburger-menu {
    font-size: 24px !important;
}

/* Mobile view specific */
@media (max-width: 1024px) {
    .elementor-nav-menu--toggle {
        font-size: 24px !important;
        padding: 8px 12px !important;
    }
    
    .elementor-nav-menu--toggle i,
    .elementor-nav-menu--toggle svg {
        font-size: 24px !important;
    }
    
    /* Match all icon sizes in mobile header */
    .elementor-icon {
        font-size: 24px !important;
    }
    
    /* Ensure consistent icon sizing across mobile navigation */
    .elementor-widget-icon a,
    .elementor-widget-icon i,
    .elementor-widget-icon svg {
        font-size: 24px !important;
    }
}