/*
        Theme Name: Tatwerat
        Theme URI: http://www.tatwerat.com
        Description: Designed by <a href="http://www.tatwerat.com">Tatwerat</a>
        Version: 1.0
        Author: Tatwerat.com

*/
/*Start Reset Form Tatwerat.com*/
/* fallback */

/* --- شاشة التحميل الافتراضية المنسقة --- */
/* ──────────────────────────────────────────────────────────────────────────
   WHITE NILE UNIVERSITY - TRIPLE NEON PRELOADER STYLE (2026)
   تصميم لودر احترافي ثلاثي الحلقات بألوان الهوية (العنابي، الذهبي، والأسود)
   ────────────────────────────────────────────────────────────────────────── */

/* خلفية اللودر الكاملة المريحة للعين */
.preloader-area {
    position: fixed !important;
    background-color: #f8fafc !important; /* رمادي ناصع مريح يتناسق مع التصميم الجديد */
    background-image: radial-gradient(circle at 50% 50%, #ffffff 0%, #edf2f7 100%) !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999999 !important; /* أعلى طبقة أمان لمنع ظهور أي عناصر خلفه */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
}

/* مجمع هندسة الحركة الدائرية الموسطة */
.preloader-logo-assembly {
    position: relative !important;
    width: 140px !important; /* توسيع القطر لاستيعاب الحلقات الثلاث بوضوح */
    height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 🌟 الحلقات الثلاث التفاعلية المتداخلة بسرعات واتجاهات متعاكسة 🌟 */
.preloader-ring-progress {
    position: absolute !important;
    border-radius: 50% !important;
    border: 3px solid transparent !important;
    will-change: transform;
}

/* 🟥 الحلقة الأولى: العنابي الملكي (الخارجية - دوران سريع لليمين) */
.preloader-ring-progress.ring-maroon {
    width: 130px !important;
    height: 130px !important;
    border-top-color: #7A1C1C !important;
    border-bottom-color: rgba(122, 28, 28, 0.05) !important;
    animation: premiumSpinRight 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* 🟨 الحلقة الثانية: الذهبي الأكاديمي (الوسطى - دوران معتدل لليسار) */
.preloader-ring-progress.ring-gold {
    width: 110px !important;
    height: 110px !important;
    border-left-color: #ECC94B !important;
    border-right-color: rgba(236, 201, 75, 0.05) !important;
    animation: premiumSpinLeft 1.6s linear infinite !important;
}

/* ⬛ الحلقة الثالثة: الأسود الفاخر (الداخلية - دوران ناعم لليمين) */
.preloader-ring-progress.ring-black {
    width: 90px !important;
    height: 90px !important;
    border-top-color: #1e293b !important;
    border-left-color: rgba(30, 41, 59, 0.05) !important;
    animation: premiumSpinRight 2s ease-in-out infinite !important;
}

/* 🌟 توازن وتموضع الشعار الثابت والمحمي في المركز المطلق لدوائر الحركة */
.university-preload-img {
    width: 65px !important;
    height: 65px !important;
    object-fit: contain !important;
    position: absolute !important;
    z-index: 10 !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.15)) !important;
    transform: none !important; /* تثبيت مطلق للشعار ومنعه من الارتجاج أو الدوران */
}

/* ⚙️ بروتوكول محركات الأنيميشن ثلاثية الأبعاد الدقيقة */
@keyframes premiumSpinRight {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes premiumSpinLeft {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}


/* ──────────────────────────────────────────────────────────────────────────
   WHITE NILE UNIVERSITY - ARABIC RTL GRID ALIGNMENT (2026)
   تفعيل المحاذاة لليمين متوافق مع كافة الشاشات والأجهزة لمنع تداخل الحقول
   ────────────────────────────────────────────────────────────────────────── */

/* 💻 أولاً: تفعيل المحاذاة لليمين على الشاشات الكبيرة والمكتبية (Desktop & Laptops) */
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
    .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right !important; /* فرض المحاذاة لليمين تماشياً مع الهوية العربية */
    }
}

/* 📑 ثانياً: تفعيل المحاذاة لليمين على شاشات الأجهزة اللوحية (Tablets & Small Screens) */
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
    .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
    .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right !important;
    }

    /* موازنة الإزاحة (Offsets) لتعمل من جهة اليمين بدلاً من اليسار في الـ RTL */
    .col-sm-offset-1 { margin-right: 8.33333333%; margin-left: 0 !important; }
    .col-sm-offset-2 { margin-right: 16.66666667%; margin-left: 0 !important; }
    .col-sm-offset-3 { margin-right: 25%; margin-left: 0 !important; }
    .col-sm-offset-4 { margin-right: 33.33333333%; margin-left: 0 !important; }
}

/* 📱 ثالثاً: حماية شاشات الموبايل الصغيرة (Mobile Devices) */
@media (max-width: 767px) {
    /* إلغاء الـ float تلقائياً ليتحول التصميم إلى كتل عمودية متناسقة فوق بعضها داخل الهاتف */
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
    .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
    .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
    .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: none !important;
        width: 100% !important; /* تمدد كامل الحقل ليملأ عرض شاشة الهاتف */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* إلغاء الإزاحات المشوهة في الموبايل */
    .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/fonticon.woff2") format("woff2");
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
html {
    font-family: "Tatwerat_Light";
}
h3,
h2,
h4,
h5,
h1,
p,
a,
span,
b {
    font-family: "Tatwerat_Light";
}
body {
    font-family: "Tatwerat_Light";
    font-size: 14px;
}
a {
    color: #d65f0f;
    cursor: pointer;
}

/* Fonts */
@font-face {
    font-family: "KacstTitle";
    src: url("arts/fonts/KacstTitle.ttf");
}
@font-face {
    font-family: "Tatwerat_Gess";
    src: url("fonts/GE_SS_Unique_Bold.otf");
    src:
        url("fonts/GE_SS_Unique_Bold.eot?") format("eot"),
        url("fonts/GE_SS_Unique_Bold.otf") format("opentype"),
        url("fonts/GE_SS_Unique_Bold.otf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_Gess_light";
    src: url("fonts/GE_SS_Unique_Light.otf");
    src:
        url("fonts/GE_SS_Unique_Light.eot?") format("eot"),
        url("fonts/GE_SS_Unique_Light.otf") format("opentype"),
        url("fonts/GE_SS_Unique_Light.otf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_Helv";
    src: url("fonts/HelveticaNeueW23-Bd.ttf");
    src:
        url("fonts/HelveticaNeueW23-Bd.ttf?") format("eot"),
        url("fonts/HelveticaNeueW23-Bd.ttf") format("opentype"),
        url("fonts/HelveticaNeueW23-Bd.ttf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_Light";
    src: url("fonts/DroidKufi-Regular.eot");
    src:
        url("fonts/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/DroidKufi-Regular.woff") format("woff"),
        url("fonts/DroidKufi-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "GESSTOW_Light";
    src: url("fonts/GE_SS_Two_Light.eot");
    src:
        url("fonts/GE_SS_Two_Light.eot?#iefix") format("embedded-opentype"),
        url("fonts/GE_SS_Two_Light.woff") format("woff"),
        url("fonts/GE_SS_Two_Light.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "GESSTOW_Medium";
    src: url("fonts/GE_SS_Two_Medium.eot");
    src:
        url("fonts/GE_SS_Two_Medium.eot?#iefix") format("embedded-opentype"),
        url("fonts/GE_SS_Two_Medium.woff") format("woff"),
        url(".fonts/GE_SS_Two_Medium.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "GESSTOW_Bold";
    src: url("fonts/GE_SS_Two_Bold.eot");
    src:
        url("fonts/GE_SS_Two_Bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/GE_SS_Two_Bold.woff") format("woff"),
        url("fonts/GE_SS_Two_Bold.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Tatwerat_H";
    src: url("fonts/Hacen_Vanilla.ttf");
    src:
        url("fonts/Hacen_Vanilla.eot?") format("eot"),
        url("fonts/Hacen_Vanilla.otf") format("opentype"),
        url("fonts/Hacen_Vanilla.ttf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_K";
    src: url("fonts/KHoma.ttf");
    src:
        url("fonts/KHoma.eot?") format("eot"),
        url("fonts/KHoma.otf") format("opentype"),
        url("fonts/KHoma.ttf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_D";
    src: url("fonts/SC_DUBAI.ttf");
    src:
        url("fonts/SC_DUBAI.eot?") format("eot"),
        url("fonts/SC_DUBAI.otf") format("opentype"),
        url("fonts/SC_DUBAI.ttf") format("truetype");
}
@font-face {
    font-family: "Tatwerat_English";
    src: url("fonts/HoboStd.otf");
    src:
        url("fonts/HoboStd.eot?") format("eot"),
        url("fonts/HoboStd.otf") format("opentype"),
        url("fonts/HoboStd.ttf") format("truetype");
}
/* End Tatwerat.com Reset Coder */