/* ===================================
   Purple Theme - اللون البنفسجي الجديد
   #20124d
   =================================== */

/* تعريف الألوان الجديدة */
:root {
    --primary-color: #20124d !important;
    --primary-dark: #1a0f3d !important;
    --primary-light: #2d1a5f !important;
    --primary-lighter: #3b2472 !important;
    --gradient-primary: linear-gradient(135deg, #20124d 0%, #1a0f3d 100%) !important;
    --shadow-primary: 0 10px 30px rgba(32, 18, 77, 0.3) !important;
    --shadow-hover: 0 20px 40px rgba(32, 18, 77, 0.4) !important;
}

/* تطبيق اللون على جميع العناصر */

/* Header */
.optech-header-top.dark-bg {
    background: var(--gradient-primary) !important;
}

/* الأزرار الرئيسية */
.optech-default-btn,
.services-main-btn,
.optech-icon-btn,
.service-btn-left,
.optech-header-btn {
    background: var(--gradient-primary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: var(--shadow-primary) !important;
}

.optech-default-btn:hover,
.services-main-btn:hover,
.optech-icon-btn:hover,
.service-btn-left:hover,
.optech-header-btn:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%) !important;
    box-shadow: var(--shadow-hover) !important;
}

/* Navigation */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    background: var(--gradient-primary) !important;
}

/* Hero Section */
.optech-hero-content h5 {
    background: rgba(32, 18, 77, 0.1) !important;
    color: var(--primary-color) !important;
}

.optech-hero-content h1 {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Services Section */
.services-section::before {
    background: radial-gradient(circle, rgba(32, 18, 77, 0.05) 0%, transparent 70%) !important;
}

.optech-iconbox-wrap:hover .optech-iconbox-data h5 {
    color: var(--primary-color) !important;
}

.optech-iconbox-data h5::after {
    background: var(--gradient-primary) !important;
}

.service-number,
.service-number-side,
.service-number-behind {
    background: var(--gradient-primary) !important;
}

.services-section .optech-section-title h2::before {
    background: var(--gradient-primary) !important;
}

/* Portfolio */
.optech-portfolio-btn {
    background: var(--gradient-primary) !important;
}

.optech-portfolio-btn:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%) !important;
}

/* Blog */
.optech-blog-meta ul li a:hover {
    color: var(--primary-color) !important;
}

/* Footer */
.optech-footer-menu ul li a:hover {
    color: var(--primary-color) !important;
}

/* Forms */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(32, 18, 77, 0.1) !important;
}

/* Links */
a {
    color: var(--primary-color) !important;
}

a:hover {
    color: var(--primary-dark) !important;
}

/* Scroll Progress */
.scroll-progress {
    background: var(--gradient-primary) !important;
}

/* Custom Cursor */
.custom-cursor {
    border-color: var(--primary-color) !important;
}

.custom-cursor.cursor-hover {
    background-color: rgba(32, 18, 77, 0.1) !important;
}

/* Focus States */
*:focus-visible {
    outline-color: var(--primary-color) !important;
}

/* Selection */
::selection {
    background: rgba(32, 18, 77, 0.2) !important;
}

::-moz-selection {
    background: rgba(32, 18, 77, 0.2) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--gradient-primary) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%) !important;
}

/* Header Icons */
.optech-header-icon .optech-header-search,
.header-cart-icon {
    background: var(--gradient-primary) !important;
}

.optech-header-icon .optech-header-search:hover,
.header-cart-icon:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%) !important;
}

/* Mobile Menu */
.mobile-menu-trigger {
    background: var(--gradient-primary) !important;
}

/* Loading States */
.loading::after {
    border-top-color: var(--primary-color) !important;
}

/* Ripple Effects */
.ripple,
.ripple-effect {
    background: rgba(255, 255, 255, 0.6) !important;
}

/* Service Cards Specific */
.optech-iconbox-icon {
    background: rgba(32, 18, 77, 0.08) !important;
}

.optech-iconbox-wrap:hover .optech-iconbox-icon {
    background: rgba(32, 18, 77, 0.12) !important;
}

/* Gradients for different cards */
.optech-iconbox-wrap.style-two:nth-child(1) .optech-iconbox-icon {
    background: rgba(32, 18, 77, 0.08) !important;
}

.optech-iconbox-wrap.style-two:nth-child(2) .optech-iconbox-icon {
    background: rgba(45, 26, 95, 0.08) !important;
}

.optech-iconbox-wrap.style-two:nth-child(3) .optech-iconbox-icon {
    background: rgba(59, 36, 114, 0.08) !important;
}

.optech-iconbox-wrap.style-two:nth-child(4) .optech-iconbox-icon {
    background: rgba(26, 15, 61, 0.08) !important;
}

/* Hover states for different cards */
.optech-iconbox-wrap.style-two:nth-child(1):hover .optech-iconbox-icon {
    background: rgba(32, 18, 77, 0.12) !important;
}

.optech-iconbox-wrap.style-two:nth-child(2):hover .optech-iconbox-icon {
    background: rgba(45, 26, 95, 0.12) !important;
}

.optech-iconbox-wrap.style-two:nth-child(3):hover .optech-iconbox-icon {
    background: rgba(59, 36, 114, 0.12) !important;
}

.optech-iconbox-wrap.style-two:nth-child(4):hover .optech-iconbox-icon {
    background: rgba(26, 15, 61, 0.12) !important;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #3b2472;
        --primary-dark: #2d1a5f;
        --primary-light: #4a2d85;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --primary-color: #1a0f3d;
        --primary-dark: #0f0a26;
    }
}/* ==
=================================
   إصلاحات RTL والمحاذاة
   RTL and Alignment Fixes
   =================================== */

/* إصلاح زر "عرض جميع الخدمات" في المنتصف */
.services-center-btn {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.services-main-btn {
    margin: 0 auto !important;
    text-align: center !important;
}

/* إصلاح RTL للزر المركزي */
[dir="rtl"] .services-center-btn {
    text-align: center !important;
    justify-content: center !important;
    direction: ltr !important;
}

[dir="rtl"] .services-main-btn {
    text-align: center !important;
    margin: 0 auto !important;
    direction: ltr !important;
}

[dir="rtl"] .services-main-btn .btn-wraper {
    direction: rtl !important;
    text-align: center !important;
}

/* إصلاح أزرار الخدمات للـ RTL */
[dir="rtl"] .service-btn-left {
    direction: ltr !important;
}

[dir="rtl"] .service-btn-left span {
    direction: rtl !important;
}

/* إصلاح محاذاة النصوص */
[dir="rtl"] .optech-iconbox-data {
    text-align: center !important;
}

[dir="rtl"] .optech-iconbox-data h5 {
    text-align: center !important;
}

[dir="rtl"] .optech-iconbox-data p {
    text-align: center !important;
}

/* إصلاح Hero Section للـ RTL */
[dir="rtl"] .optech-hero-content {
    text-align: right !important;
}

[dir="rtl"] .optech-hero-content .optech-btn-wrap {
    justify-content: flex-start !important;
}

/* إصلاح Section Titles */
[dir="rtl"] .optech-section-title.center {
    text-align: center !important;
}

[dir="rtl"] .optech-section-title.center h2 {
    text-align: center !important;
}

/* إصلاح Container للـ RTL */
[dir="rtl"] .container {
    direction: rtl !important;
}

/* إصلاح الأزرار العامة للـ RTL */
[dir="rtl"] .optech-default-btn {
    direction: ltr !important;
}

[dir="rtl"] .optech-default-btn .btn-wraper {
    direction: rtl !important;
}

/* إصلاح Navigation للـ RTL */
[dir="rtl"] .navbar .navbar-nav {
    direction: rtl !important;
}

[dir="rtl"] .navbar .navbar-nav .nav-link {
    text-align: center !important;
}

/* إصلاح Footer للـ RTL */
[dir="rtl"] .optech-footer-section {
    direction: rtl !important;
}

/* إصلاح Portfolio للـ RTL */
[dir="rtl"] .optech-portfolio-data {
    text-align: center !important;
}

/* إصلاح Blog للـ RTL */
[dir="rtl"] .optech-blog-content {
    text-align: right !important;
}

/* إصلاح عام للمحاذاة */
[dir="rtl"] .text-center {
    text-align: center !important;
}

[dir="rtl"] .justify-content-center {
    justify-content: center !important;
}

[dir="rtl"] .align-items-center {
    align-items: center !important;
}

/* إصلاح Flexbox للـ RTL */
[dir="rtl"] .d-flex.justify-content-center {
    justify-content: center !important;
}

[dir="rtl"] .d-flex.align-items-center {
    align-items: center !important;
}

/* إصلاح Grid للـ RTL */
[dir="rtl"] .row {
    direction: ltr !important;
}

[dir="rtl"] .col-xl-3,
[dir="rtl"] .col-lg-4,
[dir="rtl"] .col-md-6 {
    direction: rtl !important;
}