/*
 * Language home layout styles, from the live builder layout's in-page style block (template-lu_UGKJa)
 * with its generated ids renamed as in src/home.php. Loaded after every other stylesheet, as that
 * block is. The live block's background rule for the columns grid follows stray closing braces, so
 * browsers discard it; it is deliberately absent here.
 */
#emjey-home-hero-generations { width: 85%; }
html[dir="ltr"] #emjey-home-hero-generations img { transform: scaleX(-1); }
#emjey-home-hero-billie { width: 100%; }
html[dir="ltr"] #emjey-home-hero-billie img { transform: scaleX(-1); }
#emjey-home-hero-container div { background-color: #000000; }
#emjey-home-hero { background-color: #000000; }
html[dir="ltr"] #emjey-home-menu-handle-top img { transform: scaleX(-1); }
#emjey-home-menu-handle-bottom .el-image { transform: rotate(90deg); margin-top: -1px; }
html[dir="ltr"] #emjey-home-menu-handle-bottom img { transform: rotate(180deg); margin-top: -1px; }
#emjey-home-login-card { background-color: rgba(255, 255, 255, 0); }

/* Persian: original artwork. English: the same artwork mirrored on a pseudo-element. */
html[dir="rtl"] #emjey-home-login {
    background-color: #cccccc;
    background-repeat: repeat-y;
    background-image: url("/templates/emjey/media/images/loginbgper.svg") !important;
}
html[dir="ltr"] #emjey-home-login { background-color: #000000; position: relative; }
html[dir="ltr"] #emjey-home-login::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/templates/emjey/media/images/loginbgper.svg");
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}

#emjey-home-main { background-color: #000000 !important; }
#emjey-home-band-start div { background-color: #000000; }

html[dir="rtl"] #emjey-home-band-portrait {
    background-color: #333333;
    background-image: url("/templates/emjey/media/images/mjbw_up.jpg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
html[dir="ltr"] #emjey-home-band-portrait { background-color: #333333; position: relative; }
html[dir="ltr"] #emjey-home-band-portrait::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/templates/emjey/media/images/mjbw_up.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}

html[dir="rtl"] #emjey-home-band-faq {
    background-color: #333333;
    background-image: url("/templates/emjey/media/images/mjfaq.svg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
html[dir="ltr"] #emjey-home-band-faq { background-color: #333333; position: relative; }
html[dir="ltr"] #emjey-home-band-faq::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url("/templates/emjey/media/images/mjfaq.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}

#emjey-home-band-grid { background-color: #000000; }
#emjey-home-band { background-color: #000000; }

html[dir="rtl"] #emjey-home-forum-panel {
    background-color: #666666;
    background-image: url("/templates/emjey/media/images/forumbgmain.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
html[dir="ltr"] #emjey-home-forum-panel { background-color: #666666; position: relative; }
html[dir="ltr"] #emjey-home-forum-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/templates/emjey/media/images/forumbgmain.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}
#emjey-home-forum { background-color: #000000; }

html[dir="rtl"] #emjey-home-modified-panel {
    background-color: #666666;
    background-image: url("/templates/emjey/media/images/mj2bg_up.jpg?v=20261017c") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
html[dir="ltr"] #emjey-home-modified-panel { background-color: #666666; position: relative; }
html[dir="ltr"] #emjey-home-modified-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/templates/emjey/media/images/mj2bg_up.jpg?v=20261017c");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}
#emjey-home-modified-side { background-color: #666666; }
#emjey-home-modified { background-color: #000000; }

html[dir="rtl"] #emjey-home-copyright-panel {
    background-color: #000000;
    background-image: url("/templates/emjey/media/images/copyrightmain.svg") !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
html[dir="ltr"] #emjey-home-copyright-panel {
    background-color: #000000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
html[dir="ltr"] #emjey-home-copyright-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/templates/emjey/media/images/copyrightmain.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
}
html[dir="ltr"] #emjey-home-copyright-panel > * { position: relative; z-index: 1; }
#emjey-home-copyright { background-color: #000000; }

/* The live copyright text element is offset by inline style; this module class carries that offset. */
.emjey-home-copyright-text { right: 0; top: 10px; }