/**
 * Elementor My Account Page Compatibility Fix
 * 
 * This stylesheet ensures the custom horizontal navigation works correctly
 * when Elementor is enabled on the My Account page.
 * 
 * Priority: Loaded with high priority to override theme & plugin styles
 */

/* ============================================================
   HIDE WOOCOMMERCE SIDEBAR NAVIGATION
   Uses multiple selectors to ensure it works in all contexts
   ============================================================ */

/* Base rule - hide sidebar navigation */
nav.woocommerce-MyAccount-navigation {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Specific for woocommerce wrapper */
.woocommerce nav.woocommerce-MyAccount-navigation,
.woocommerce-account nav.woocommerce-MyAccount-navigation {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Elementor page context */
body.elementor-page nav.woocommerce-MyAccount-navigation,
body.elementor-page .woocommerce nav.woocommerce-MyAccount-navigation,
body.elementor-page-12 nav.woocommerce-MyAccount-navigation {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Elementor editor mode */
body.elementor-editor-active nav.woocommerce-MyAccount-navigation,
body.elementor-editor-active .woocommerce nav.woocommerce-MyAccount-navigation {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* ============================================================
   FULL WIDTH CONTENT AREA
   Ensures content uses full width without sidebar
   ============================================================ */

/* Base rule */
.woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Woocommerce wrapper context */
.woocommerce .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Elementor page context */
body.elementor-page .woocommerce-MyAccount-content,
body.elementor-page .woocommerce .woocommerce-MyAccount-content,
body.elementor-page-12 .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Elementor editor mode */
body.elementor-editor-active .woocommerce-MyAccount-content,
body.elementor-editor-active .woocommerce .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   WOOCOMMERCE WRAPPER FIX
   Ensures the woocommerce wrapper itself doesn't create layout
   ============================================================ */

.woocommerce,
.woocommerce-account {
    display: block !important;
    width: 100% !important;
}

body.elementor-page .woocommerce,
body.elementor-page .woocommerce-account,
body.elementor-page-12 .woocommerce {
    display: block !important;
    width: 100% !important;
}