/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */
/* 1. Turn the container into a flex column & REMOVE TOP DIVIDER */
.rb-canvas-menu .canvas-menu-inner,
.collapse-inner {
    display: flex !important;
    flex-direction: column !important;
    border-top: none !important; /* Removes that top line */
    padding-top: 0 !important;
}

/* 2. User Greeting & Sign Out (TOP) */
.mobile-login {
    order: 1 !important;
    margin-top: 20px !important;
    padding: 0 20px 10px 20px !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* 3. User Menu links (Profile, Bookmarks, etc.) */
ul#menu-user-1.logged-mobile-menu {
    order: 2 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    padding: 0 20px 20px 20px !important;
}

/* 4. The Main Navigation Lists (You, Lists) */
.mobile-menu-wrap {
    order: 3 !important;
    margin-bottom: 30px !important;
    padding: 0 20px !important;
}

/* 5. The Search Form (BOTTOM) */
.mobile-search-form {
    order: 4 !important;
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    padding: 20px 20px !important;
    margin-bottom: 20px !important;
}

/* 6. Copyright Footer */
.collapse-footer {
    order: 5 !important;
    margin-top: auto !important;
    padding: 20px !important;
}
/* Targeted strike to remove the dashed line */
.collapse-sections::before,
.mobile-login::before,
.collapse-inner > div::before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* Specifically targeting the separator if it's a border-top */
.collapse-sections {
    border-top: none !important;
}