/* Custom CSS to override theme defaults */

/* Show social icons in the profile section */
.profile .profile_inner .social-icons {
    display: flex !important;
    justify-content: center;
    padding: 12px 0;
}

.profile .social-icons {
    display: flex !important;
}

.social-icons a svg {
    height: 30px;
    width: 30px;
}

.social-icons a svg:hover {
    color: #DA22FF;
} 

/* Fix word breaking and line wrapping issues site-wide */
p, li, td, th, h1, h2, h3, h4, h5, h6, .post-content, article {
    word-break: keep-all !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
}

/* For very long URLs or text strings that might need to break */
pre, code, .code {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

/* Mobile navigation - simplified design */
@media (max-width: 768px) {
    /* Navigation container */
    .header .nav {
        display: flex;
        justify-content: space-between;
    }

    /* Menu styling */
    #menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-top: 10px !important;
    }

    /* Style each menu item */
    #menu li {
        margin: 0 10px 10px !important;
    }
    
    /* Style menu links */
    #menu li a {
        padding: 6px !important;
    }
}