html, body {
    font-family: 'Dubai', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    background-color: #FCF6E7;
}

a, .btn-link {
    color: #1C6758;
}

.btn-primary {
    color: #EEF2E6;
    background-color: #3D8361;
    border-color: #1C6758;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem #D6CDA4, 0 0 0 0.25rem #3D8361;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #1C6758;
}

.invalid {
    outline: 1px solid #D6CDA4;
}

.validation-message {
    color: #D6CDA4;
}

.blazor-error-boundary {
    background: #3D8361;
    padding: 1rem 1rem 1rem 3.7rem;
    color: #EEF2E6;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #1C6758;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: #D6CDA4;
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* Aggressive Global Dubai Font Support */
* {
    font-family: 'Dubai', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Arabic Text Rendering Improvements */
[lang="ar"], [dir="rtl"] {
    font-family: 'Dubai', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga", "kern";
    -moz-font-feature-settings: "liga", "kern";
    font-feature-settings: "liga", "kern";
}

/* All elements must use Dubai font */
html *, body *, div *, span *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, p *, a *, button *, input *, textarea *, select *, label * {
    font-family: 'Dubai', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Mobile Button Fix - Prevent white background on Android */
.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.btn:active, .btn:focus, .btn.active {
    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
}

/* Language toggle specific mobile fixes */
.language-toggle-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.language-toggle-btn:active {
    transform: scale(0.98);
}

/* Ensure buttons maintain their styling on mobile */
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary.active {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: #dee2e6 !important;
    color: #0d6efd !important;
}

.btn-outline-primary:hover {
    background: rgba(255, 255, 255, 1) !important;
}

/* Font loading for Blazor components */
.blazor-app *, 
.blazor-web *, 
.blazor-server *,
.blazor-wasm *,
#app *,
#blazor-error-ui * {
    font-family: 'Dubai', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Bootstrap component font override */
.container *, 
.container-fluid *,
.row *,
.col *,
[class*="col-"] *,
.card *,
.btn *,
.form-control *,
.form-select *,
.form-label *,
.alert *,
.badge *,
.nav *,
.navbar * {
    font-family: 'Dubai', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}