/* ========================================================= */
/* EDEN OVERRIDES FOR EA THEME                              */
/* Purpose: Stop EA theme from dimming/shading Bootstrap    */
/* modals and messing with modal layout.                    */
/* ========================================================= */

/* 1) Do NOT dim or transform .ea-main when a modal is open */
.modal-open .ea-main {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
}

/* 2) Make sure modals are full-screen & not constrained
   by .ea-page-border hacks in 0.css */
.ea-page-border ~ .ea-main .modal,
.ea-page-border ~ .modal {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

/* 3) If you’re *not* intentionally using the EA modal
   styling, neutralize its special rules and let Bootstrap
   be Bootstrap. */
.ea-modal .modal-content {
    border-radius: .3rem;   /* Bootstrap default-ish */
    border: 1px solid rgba(0,0,0,.2);
}

.ea-modal .modal-header,
.ea-modal .modal-footer {
    padding: .75rem 1rem;   /* closer to Bootstrap defaults */
    border-top-color: rgba(0,0,0,.125);
    border-bottom-color: rgba(0,0,0,.125);
}

.ea-modal.fade .modal-dialog {
    transition: transform .3s ease-out;  /* restore fade/slide */
}

/* ==============================================================*/ 
/* Completely hide the page border and remove its layout effects */
/* ==============================================================*/ 
@media (min-width:576px) {
    .ea-page-border {
        display: none !important;
    }

    .ea-page-border~.ea-main,
    .ea-page-border.ea-page-border-md~.ea-main,
    .ea-page-border.ea-page-border-sm~.ea-main {
        margin: 0 !important;
    }

    .ea-page-border~.ea-header,
    .ea-page-border~.ea-header .ea-navbar.ea-navbar-fixed,
    .ea-page-border.ea-page-border-md~.ea-header,
    .ea-page-border.ea-page-border-md~.ea-header .ea-navbar.ea-navbar-fixed,
    .ea-page-border.ea-page-border-sm~.ea-header,
    .ea-page-border.ea-page-border-sm~.ea-header .ea-navbar.ea-navbar-fixed {
        top: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}