/*
 * أسس للتطوير التقني - الأنماط العالمية
 * يُحمَّل تلقائياً في جميع صفحات الموقع
 */

/* ============================================================
   الخط والاتجاه العام
   ============================================================ */
*, body, .elementor-widget-html, .elementor-widget-text-editor {
    font-family: 'Cairo', sans-serif !important;
}

body {
    direction: rtl;
    text-align: right;
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
}

/* ============================================================
   متغيرات الألوان (CSS Variables)
   تستخدم مع Elementor Global Colors وبشكل مباشر في CSS
   ============================================================ */
:root {
    /* الأخضر الزمردي - اللون الأساسي */
    --auss-primary:       #0d9488;
    --auss-primary-light: #14b8a6;
    --auss-primary-dark:  #0f766e;
    --auss-primary-50:    #f0fdfa;
    --auss-primary-100:   #ccfbf1;

    /* الكحلي الداكن - اللون الثانوي */
    --auss-secondary:     #0f172a;
    --auss-secondary-800: #1e293b;

    /* الرمادي */
    --auss-slate-50:  #f8fafc;
    --auss-slate-100: #f1f5f9;
    --auss-slate-200: #e2e8f0;
    --auss-slate-400: #94a3b8;
    --auss-slate-500: #64748b;
    --auss-slate-600: #475569;
    --auss-slate-700: #334155;
    --auss-slate-900: #0f172a;

    /* الأبعاد */
    --auss-radius-sm:  0.5rem;
    --auss-radius-md:  1rem;
    --auss-radius-lg:  1.5rem;
    --auss-radius-xl:  2rem;

    /* الظلال */
    --auss-shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --auss-shadow-md:  0 4px 12px rgba(0,0,0,0.10);
    --auss-shadow-lg:  0 10px 30px rgba(13,148,136,0.15);
    --auss-shadow-xl:  0 20px 50px rgba(13,148,136,0.20);
}

/* ============================================================
   بطاقات أسس (Auss Cards)
   ============================================================ */
.oss-card,
.auss-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: var(--auss-radius-xl);
}

.oss-card:hover,
.auss-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--auss-shadow-xl);
}

/* ============================================================
   أزرار أسس
   ============================================================ */
.auss-btn-primary {
    background-color: var(--auss-primary);
    color: #ffffff;
    padding: 0.875rem 2.5rem;
    border-radius: var(--auss-radius-lg);
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.auss-btn-primary:hover {
    background-color: var(--auss-primary-dark);
    box-shadow: var(--auss-shadow-lg);
    transform: translateY(-2px);
    color: #ffffff;
}

.auss-btn-outline {
    background-color: transparent;
    color: var(--auss-slate-700);
    padding: 0.875rem 2.5rem;
    border-radius: var(--auss-radius-lg);
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    border: 2px solid var(--auss-slate-200);
}
.auss-btn-outline:hover {
    background-color: var(--auss-slate-50);
    border-color: var(--auss-primary);
    color: var(--auss-primary);
}

/* ============================================================
   الشارات (Badges)
   ============================================================ */
.auss-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
}
.auss-badge-primary {
    background-color: var(--auss-primary-50);
    color: var(--auss-primary-dark);
    border: 1px solid var(--auss-primary-100);
}
.auss-badge-slate {
    background-color: var(--auss-slate-100);
    color: var(--auss-slate-500);
}

/* ============================================================
   خلفيات القسم
   ============================================================ */
.auss-section-light {
    background-color: var(--auss-slate-50);
}
.auss-section-white {
    background-color: #ffffff;
}
.auss-section-dark {
    background-color: var(--auss-secondary);
    color: #ffffff;
}
.auss-section-primary {
    background-color: var(--auss-primary);
    color: #ffffff;
}

/* ============================================================
   تنسيقات خاصة بـ Elementor
   ============================================================ */
.elementor-section {
    overflow: visible;
}

/* إزالة padding من container داخل Elementor للتحكم الكامل */
.e-con-inner {
    padding-inline: 1rem;
}

/* ============================================================
   دعم RTL في Elementor
   ============================================================ */
.elementor-widget-wrap,
.elementor-container {
    direction: rtl;
}

/* إصلاح اتجاه النصوص في ودجتات Elementor */
.elementor-heading-title,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
    direction: rtl;
    text-align: right;
}

/* ============================================================
   تنسيقات قالب JetEngine Listing Items
   ============================================================ */
.jet-listing-grid {
    direction: rtl;
}

.jet-listing-grid__item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.jet-listing-grid__item:hover {
    transform: translateY(-4px);
    box-shadow: var(--auss-shadow-lg);
}

/* ============================================================
   تنسيقات Jet Smart Filters
   ============================================================ */
.jet-filters-area {
    direction: rtl;
}

.jet-filter-label,
.jet-checkboxes-list__label,
.jet-radio-list__label {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600;
    color: var(--auss-slate-700);
}

.jet-filter-search__input {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl;
    text-align: right;
}

/* ============================================================
   تأثيرات تحميل الصفحة (Fade in)
   ============================================================ */
@keyframes aussfadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.auss-fade-in {
    animation: aussfadeIn 0.6s ease forwards;
}

/* ============================================================
   Responsive - الشاشات الصغيرة
   ============================================================ */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .auss-btn-primary,
    .auss-btn-outline {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }
}