/* Al Masoom - WCFM dashboard mobile layout fixes and visibility improvements */

/* Make panel containers white and visible */
.wcfmmp_store_manager_content .panel,
.wcfm_store_tab_content,
.wcfm-container .panel,
.wcfm-container .panel-body {
    background-color: #ffffff !important;
    color: #111 !important;
    z-index: 50 !important;
    overflow: visible !important;
}

/* Ensure collapsed sections display properly */
.wcfmmp_store_manager_content .collapse,
.wcfmmp_store_manager_content .panel-collapse,
.panel-collapse.collapse.in {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Heading and body polish */
.wcfmmp_store_manager_content .panel-heading {
    background-color: #fafafa !important;
    border-bottom: 1px solid #e6e6e6 !important;
    font-weight: 700;
    padding: 10px 14px !important;
}

.wcfmmp_store_manager_content .panel-body {
    background-color: #fff !important;
    padding: 14px !important;
}

/* Buttons and inputs */
.wcfmmp_store_manager_content .wcfm_button,
.wcfmmp_store_manager_content button,
.wcfmmp_store_manager_content input,
.wcfmmp_store_manager_content select,
.wcfmmp_store_manager_content textarea {
    z-index: 60 !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .wcfmmp_store_manager_content .panel { margin-bottom: 12px !important; border-radius: 8px; overflow: visible; }
    .wcfmmp_store_manager_content .panel-body { padding: 12px !important; }
}