/* Import Google font from the CDN */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap');

/* Force Apply Globally */
*, *:before, *:after, 
html, body, #body-user, #body-login, #body-public, 
.app-menu, .settings-menu, #header, #navigation,
div, span, a, p, h1, h2, h3, h4, h5, h6, input, button, textarea, select {
    font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Maintain Icons */
[class^='icon-'], [class*=' icon-'], .material-design-icon, .icon {
    font-family: 'Nextcloud', 'IBM Plex Sans Arabic', serif !important;
}

/* Change login box color */
.login-box {
    background-color: #ffffff; 
}

@media (prefers-color-scheme: dark) {
    /* Change login box color */
    .login-box {
        background-color: #1e1e1e;
    }

    /* Adjust login shadow */
    .guest-box, .body-login-container {
        box-shadow: 0 0 20px #1137c7;
    }
}

/* Hide footer message (The secure place for all your data) */
footer.guest-box {
display: none
}

/* Add space under the login logo */
#header.header-guest .logo {
margin-bottom: 20px;
}

/* Fix arabic folder icon space */
:lang(ar) .thumbnail {
    margin-left: 9px;
}

/* Remove the gradient from the menu icons*/
.app-menu-icon__icon {
    filter: inherit!important;
    mask: inherit!important;
}
.header-menu .header-menu__trigger .button-vue__icon svg, .header-menu .header-menu__trigger .button-vue__icon:not(:has(svg)) {
 mask: inherit!important;
}







/* =====================================================
   Warning
   ===================================================== */

/* -----------------------------------------------------
   Light mode (explicit)
   ----------------------------------------------------- */
.content.app-files #app-content-vue::before {
    content: "Official Warning: uploading or storing Confidential or Highly Confidential data is strictly prohibited. Uploading or storing any data related to Spectrum Systems or Domain Name Systems (DNS) is strictly prohibited. Only data classified as Public or Restricted is permitted. Users are fully responsible for compliance.";
    display: block;
    box-sizing: border-box;
    margin: 12px 12px 12px 50px;
    padding: 12px 16px;
    background-color: #fff4e5; /* light background */
    border: 1px solid #ffb74d;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    color: #6b3a00; /* dark text */
    white-space: normal;
    position: relative;
}

/* Arabic (RTL) override */
:lang(ar) .content.app-files #app-content-vue::before {
    content: "يمنع رفع أو تخزين أي بيانات سرية أو سرية للغاية، والبيانات المتعلقة بأنظمة الطيف الترددي وأسماء النطاقات. يسمح فقط برفع الملفات المصنفة عام ومقيّد. المستخدم مسؤول مسؤولية كاملة عن الالتزام بذلك.";
    margin: 12px 50px 12px 12px;
    direction: rtl;
    text-align: right;
}

/* -----------------------------------------------------
   Dark mode (Nextcloud default theme)
   ----------------------------------------------------- */
body[data-theme-default] .content.app-files #app-content-vue::before {
    background-color: #2a1d0f; /* dark background */
    border-color: #ffb74d;
    color: #ffd8a8; /* light text */
}

/* Arabic (RTL) in dark mode */
body[data-theme-default]:lang(ar) .content.app-files #app-content-vue::before {
    content: "يمنع رفع أو تخزين أي بيانات سرية أو سرية للغاية، والبيانات المتعلقة بأنظمة الطيف الترددي وأسماء النطاقات. يسمح فقط برفع الملفات المصنفة عام ومقيّد. المستخدم مسؤول مسؤولية كاملة عن الالتزام بذلك.";
    margin: 12px 50px 12px 12px;
    direction: rtl;
    text-align: right;
}