/**
 * MegaMenu CSS for Classic SharePoint Pages
 * Version: 1.0.2
 * 
 * This file imports the exact same CSS as the modern SPFx version
 * to ensure 100% visual consistency.
 * 
 * Usage:
 * 1. Copy the compiled MegaMenu.css from src/extensions/megaMenu/ to your SharePoint assets
 * 2. Reference it in your master page or via alternate CSS URL:
 *    <link rel="stylesheet" href="/SiteAssets/MegaMenu.css" />
 * 
 * This file provides additional classic-specific adjustments if needed.
 */

/*
 * The main MegaMenu.css should be loaded first!
 * This file only contains classic SharePoint specific overrides.
 */

/* Classic SharePoint specific container adjustments */
.megamenu-classic-container {
    /* Insert after s4-titlerow or other SharePoint containers */
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Ensure proper z-index in classic SharePoint context */
#Mega-Menu {
    position: relative;
    z-index: 999; /* Below SharePoint dialogs but above content */
}

.mega-menu {
    z-index: 1000; /* Above the main menu */
}

/* Classic SharePoint ribbon compatibility */
body.ms-backgroundImage #Mega-Menu {
    /* Adjust if SharePoint has background images */
    position: relative;
}

/* Ensure settings panel works in classic mode too */
.mm-settings-panel {
    z-index: 4001; /* Above everything else */
}

/* Classic SharePoint v4.master specific adjustments */
.v4master #Mega-Menu {
    /* Any v4.master specific styles if needed */
}

/* Classic SharePoint seattle.master specific adjustments */  
.seattle #Mega-Menu {
    /* Any seattle.master specific styles if needed */
}

/* Responsive adjustments for classic SharePoint layouts */
@media (max-width: 1024px) {
    .megamenu-classic-container {
        /* Classic SharePoint is often used on older devices */
        overflow-x: auto;
    }
}

/* Print styles for classic SharePoint */
@media print {
    #Mega-Menu,
    .megamenu-classic-container {
        display: none !important;
    }
}