/* ============================================================
   LEGAL MODAL OVER HEADER V105

   В архиве:
   sticky header = z-index 5000
   base modal    = z-index 2000

   Поэтому DARK header мог находиться над legal backdrop.

   Делаем так же, как product modal:
   legal overlay всегда физически выше header.
   ============================================================ */


/* ============================================================
   ОБА ЮРИДИЧЕСКИХ ОКНА
   ============================================================ */

#termsModal.legal-modal-v7,

#personalDataModal.legal-modal-v7{

    position:
        fixed!important;

    inset:
        0!important;

    z-index:
        120000!important;
}


/* ============================================================
   ACTIVE
   ============================================================ */

#termsModal.legal-modal-v7.active,

#personalDataModal.legal-modal-v7.active{

    position:
        fixed!important;

    inset:
        0!important;

    z-index:
        120000!important;
}


/* ============================================================
   DARK

   Явно прибиваем выше sticky header.
   ============================================================ */

html[data-site-theme="dark"]
body
#termsModal.legal-modal-v7,

html[data-site-theme="dark"]
body
#personalDataModal.legal-modal-v7,

html[data-site-theme="dark"]
body
#termsModal.legal-modal-v7.active,

html[data-site-theme="dark"]
body
#personalDataModal.legal-modal-v7.active{

    z-index:
        120000!important;
}


/* ============================================================
   LIGHT

   Та же самая архитектура слоёв.
   ============================================================ */

html[data-site-theme="light"]
body
#termsModal.legal-modal-v7,

html[data-site-theme="light"]
body
#personalDataModal.legal-modal-v7,

html[data-site-theme="light"]
body
#termsModal.legal-modal-v7.active,

html[data-site-theme="light"]
body
#personalDataModal.legal-modal-v7.active{

    z-index:
        120000!important;
}


/* ============================================================
   BOX

   Он остаётся внутри своего overlay.
   ============================================================ */

#termsModal
.legal-modal-box-v7,

#personalDataModal
.legal-modal-box-v7{

    position:
        relative!important;

    z-index:
        1!important;
}