/* global.css */

/* ============================================
   Global Styles
============================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
   🌐 خطوط عربية احترافية
============================================ */

/* ✅ خط عربي للـ RTL */
.qao-page-bg[dir="rtl"],
.qao-page-bg[dir="rtl"] * {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.qao-page-bg[dir="ltr"],
.qao-page-bg[dir="ltr"] * {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* ✅ حماية الأيقونات */
.qao-page-bg i,
.qao-page-bg .fa,
.qao-page-bg .fas,
.qao-page-bg .far,
.qao-page-bg .fab {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
    font-style: normal !important;
}

.qao-page-bg {
    overflow-x: hidden;
    overflow-y: auto !important;
    width: 100%;
    height: auto !important;
    min-height: 100vh;
    position: relative;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
}

/* ============================================
   ✅ Background Image System - PROFESSIONAL
============================================ */
.qao-background-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
}

.qao-background-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* ✅ ضع رابط صورتك هنا */
    background-image: url('https://darkgreen-swan-304899.hostingersite.com/wp-content/uploads/2025/11/Home-bg.webp');
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* ✅ للحفاظ على النسب بدون تشويه */
    object-fit: cover;
    /* ✅ تحسين الأداء */
    will-change: transform;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* ✅ تأثير خفيف (اختياري) */
    filter: brightness(0.9) contrast(1.1);
}

/* ✅ RTL Support - فقط للنصوص المحددة */
.qao-page-bg[dir="rtl"] {
    /* لا نطبق direction على المستوى العام */
}

/* ============================================
   Main Container
============================================ */
.qao-main-wrapper {
    position: relative;
    z-index: 10;
    width: 100%;
}

.qao-first-section {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}