/* Enhanced Arabic Text Support CSS - SCOPED TO QRLINK PAGES ONLY */

/* Import additional Arabic fonts for better fallback support */
@import url('https://fonts.googleapis.com/css2?family=Dubai:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;700&display=swap');

/* Enhanced Arabic text rendering - SCOPED to QRLink pages only */
.qrlink-page [lang="ar"], 
.qrlink-page [dir="rtl"], 
.qrlink-page .arabic-text {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    unicode-bidi: embed !important;
    direction: rtl !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-feature-settings: "liga", "kern" !important;
    -moz-font-feature-settings: "liga", "kern" !important;
    font-feature-settings: "liga", "kern" !important;
    word-wrap: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    hyphens: auto !important;
    font-variant-ligatures: common-ligatures !important;
    -webkit-font-variant-ligatures: common-ligatures !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Specific Arabic font for QRLink pages only */
.qrlink-page [lang="ar"],
.qrlink-page [dir="rtl"],
.qrlink-page .arabic-text {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
}

/* Enhanced Arabic headings - scoped */
.qrlink-page [lang="ar"] h1, .qrlink-page [lang="ar"] h2, .qrlink-page [lang="ar"] h3, .qrlink-page [lang="ar"] h4, .qrlink-page [lang="ar"] h5, .qrlink-page [lang="ar"] h6,
.qrlink-page [dir="rtl"] h1, .qrlink-page [dir="rtl"] h2, .qrlink-page [dir="rtl"] h3, .qrlink-page [dir="rtl"] h4, .qrlink-page [dir="rtl"] h5, .qrlink-page [dir="rtl"] h6 {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Enhanced Arabic button text - scoped */
.qrlink-page [lang="ar"] .btn, .qrlink-page [dir="rtl"] .btn,
.qrlink-page .btn [lang="ar"], .qrlink-page .btn [dir="rtl"] {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    font-weight: 500;
}

/* Enhanced Arabic card text - scoped */
.qrlink-page [lang="ar"] .card-title, .qrlink-page [lang="ar"] .card-text,
.qrlink-page [dir="rtl"] .card-title, .qrlink-page [dir="rtl"] .card-text {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    text-align: right;
    direction: rtl;
}

/* Enhanced Arabic alert text - scoped */
.qrlink-page [lang="ar"] .alert, .qrlink-page [dir="rtl"] .alert {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    text-align: right;
    direction: rtl;
}

/* Enhanced Arabic badge text - scoped */
.qrlink-page [lang="ar"] .badge, .qrlink-page [dir="rtl"] .badge {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
}

/* Mixed content handling - scoped */
.qrlink-page .mixed-content {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
}

/* Specific font classes for Arabic text - scoped */
.qrlink-page .arabic-font {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    unicode-bidi: embed;
    direction: rtl;
    text-rendering: optimizeLegibility;
}

.qrlink-page .arabic-font-bold {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    font-weight: 700;
    unicode-bidi: embed;
    direction: rtl;
    text-rendering: optimizeLegibility;
}

.qrlink-page .arabic-font-light {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    font-weight: 300;
    unicode-bidi: embed;
    direction: rtl;
    text-rendering: optimizeLegibility;
}

/* Force proper font loading and rendering */
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/dubai/v8/6pMCtUwMaQAwDgUeKjCdAAQC.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+200C-2010, U+2028-202F, U+2060-206F;
}

@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/dubai/v8/6pMCtUwMaQAwDgUeKhicAAQC.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+200C-2010, U+2028-202F, U+2060-206F;
}

/* Ensure proper text direction and alignment for RTL content - scoped */
.qrlink-page [dir="rtl"] {
    text-align: right;
}

.qrlink-page [dir="rtl"] .text-left {
    text-align: right !important;
}

.qrlink-page [dir="rtl"] .text-right {
    text-align: left !important;
}

.qrlink-page [dir="rtl"] .float-left {
    float: right !important;
}

.qrlink-page [dir="rtl"] .float-right {
    float: left !important;
}

/* Enhanced spacing for Arabic text - scoped */
.qrlink-page [lang="ar"] p, .qrlink-page [dir="rtl"] p {
    line-height: 1.8;
    word-spacing: 0.1em;
}

.qrlink-page [lang="ar"] .small, .qrlink-page [dir="rtl"] .small {
    line-height: 1.6;
}

/* Arabic Input Helper Styles - Global (not scoped to QRLink) */
.arabic-input-warning {
    color: #856404 !important;
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.arabic-input-warning i {
    flex-shrink: 0;
}

/* Style for inputs with Arabic warnings */
input:has(+ .arabic-input-warning),
textarea:has(+ .arabic-input-warning) {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
}

/* Enhanced Arabic input fields */
input[id*="arabic"], 
input[id*="Arabic"], 
textarea[id*="arabic"], 
textarea[id*="Arabic"] {
    font-family: 'Dubai', 'Noto Sans Arabic', 'Cairo', 'Tahoma', 'Arial Unicode MS', sans-serif !important;
    direction: auto;
    unicode-bidi: embed;
    text-rendering: optimizeLegibility;
}

/* Focus styles for Arabic inputs */
input[id*="arabic"]:focus, 
input[id*="Arabic"]:focus, 
textarea[id*="arabic"]:focus, 
textarea[id*="Arabic"]:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Mobile optimizations for Arabic text - scoped */
@media (max-width: 768px) {
    .qrlink-page [lang="ar"], .qrlink-page [dir="rtl"], .qrlink-page .arabic-text {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .qrlink-page [lang="ar"] h1, .qrlink-page [dir="rtl"] h1 {
        font-size: 1.75rem;
    }
    
    .qrlink-page [lang="ar"] h2, .qrlink-page [dir="rtl"] h2 {
        font-size: 1.5rem;
    }
    
    .qrlink-page [lang="ar"] h3, .qrlink-page [dir="rtl"] h3 {
        font-size: 1.25rem;
    }
    
    .qrlink-page [lang="ar"] h4, .qrlink-page [dir="rtl"] h4 {
        font-size: 1.125rem;
    }
    
    .qrlink-page [lang="ar"] h5, .qrlink-page [dir="rtl"] h5 {
        font-size: 1rem;
    }
    
    .qrlink-page [lang="ar"] h6, .qrlink-page [dir="rtl"] h6 {
        font-size: 0.875rem;
    }
}

/* Print support for Arabic text - scoped */
@media print {
    .qrlink-page [lang="ar"], .qrlink-page [dir="rtl"], .qrlink-page .arabic-text {
        font-family: 'Times New Roman', 'Arial Unicode MS', serif !important;
        color: black !important;
        background: white !important;
    }
}

/* High contrast mode support - scoped */
@media (prefers-contrast: high) {
    .qrlink-page [lang="ar"], .qrlink-page [dir="rtl"], .qrlink-page .arabic-text {
        font-weight: 600;
        text-shadow: none;
    }
}

/* Reduced motion support - scoped */
@media (prefers-reduced-motion: reduce) {
    .qrlink-page [lang="ar"], .qrlink-page [dir="rtl"], .qrlink-page .arabic-text {
        transition: none;
        animation: none;
    }
}