/**
 * Color Palette Based on Logo
 * البناء التقني - مواد البناء والصرف الصحي
 */

:root {
    /* Primary Colors - من اللوجو */
    --primary-bright-blue: #0ea5e9;
    /* لون قطرة المياه */
    --primary-navy: #1e40af;
    /* لون النص والأنبوب الغامق */
    --primary-light-blue: #38bdf8;
    /* تدرج فاتح */
    --primary-dark-navy: #1e3a8a;
    /* للنصوص الداكنة */

    /* Secondary Colors - للتدرجات */
    --secondary-sky: #7dd3fc;
    /* سماوي فاتح */
    --secondary-blue: #3b82f6;
    /* أزرق متوسط */
    --secondary-indigo: #4f46e5;
    /* نيلي */

    /* Neutral Colors */
    --text-primary: #1e3a8a;
    /* نص رئيسي */
    --text-secondary: #64748b;
    /* نص ثانوي */
    --text-light: #94a3b8;
    /* نص فاتح */
    --background-light: #f8fafc;
    /* خلفية فاتحة */
    --background-white: #ffffff;
    /* أبيض */
    --border-color: #e2e8f0;
    /* حدود */

    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #1e40af 100%);
    --gradient-light: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
}

/* تطبيق الألوان على العناصر الأساسية */

/* الأزرار */
.theme-btn,
.theme-btn.btn-one {
    background: var(--primary-bright-blue) !important;
    color: var(--background-white) !important;
}

.theme-btn:hover,
.theme-btn.btn-one:hover {
    background: var(--primary-navy) !important;
}

.theme-btn:before {
    background: var(--primary-navy) !important;
}

/* الروابط */
a {
    color: #1a1f56 !important;
}

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

/* العناوين */
.sec-title h2,
.sec-title h3,
.sec-title h4,
.sec-title h5,
.sec-title h6,
.services-details-content .sec-title h2 {
    color: var(--primary-navy) !important;
    display: none;
}

/* الهيدر */
.main-header .header-lower {
    background: #ffffff !important;
}

.main-header .header-upper {
    background: var(--primary-dark-navy) !important;
}

/* القائمة الرئيسية */
.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {
    color: var(--primary-bright-blue) !important;
}

.main-menu .navigation>li>ul>li>a:hover,
.main-menu .navigation li.dropdown .megamenu li a:hover,
.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: var(--primary-bright-blue) !important;
}

/* الأيقونات */
.scroll-top {
    background: var(--primary-bright-blue) !important;
    color: var(--background-white) !important;
}

.scroll-top:hover {
    background: var(--primary-navy) !important;
}

/* صناديق المحتوى */
.content_block_two .content-box {
    background: var(--primary-navy) !important;
}

.content_block_two .content-box .upper .theme-btn {
    background: var(--primary-bright-blue) !important;
}

/* الخدمات */
.services-block-one .inner-box .lower-content .icon-box,
.content_block_one .content-box .text .icon-box {
    color: var(--primary-bright-blue) !important;
}

.services-block-one .inner-box:hover .lower-content .icon-box {
    color: var(--background-white) !important;
}

.services-block-one .inner-box .lower-content h3 a:hover {
    color: var(--primary-bright-blue) !important;
}

.services-block-one .inner-box .lower-content .link a:hover {
    color: var(--primary-bright-blue) !important;
    border-color: var(--primary-bright-blue) !important;
}

/* البانر والشرائح */
.banner-section .owl-theme .owl-nav .owl-prev:hover:after,
.banner-section .owl-theme .owl-nav .owl-next:hover:after {
    color: var(--primary-bright-blue) !important;
}

/* العناصر البارزة */
.feature-block-one .inner-box:hover .icon-box {
    color: var(--background-white) !important;
    background: var(--primary-bright-blue) !important;
}

/* القوائم */
.list-style-one li:before {
    color: var(--primary-bright-blue) !important;
}

/* التذييل */
.main-footer .footer-top {
    background: #ffffff !important;
}

/* أزرار الاتصال والواتساب */
.Call-btn,
.Whatsapp-btn {
    background: var(--primary-bright-blue) !important;
}

.Call-btn:hover,
.Whatsapp-btn:hover {
    background: var(--primary-navy) !important;
}

/* التقييمات */
.testimonial-section .testimonial-inner .inner-box .icon-box {
    color: var(--primary-bright-blue) !important;
}

/* البحث */
.main-header .search-box-outer .dropdown-menu {
    background: var(--primary-navy) !important;
}

.main-header .search-box-btn:hover,
.main-header .menu-right-content .cart-box a:hover {
    color: var(--primary-bright-blue) !important;
}

/* الصور والخلفيات */
.image_block_one .image-box .image:before {
    background: var(--primary-light-blue) !important;
}

/* العناوين الفرعية */
.sec-title .sub-title {
    -webkit-text-stroke-color: var(--primary-light-blue) !important;
}

.sec-title.light .sub-title {
    color: var(--primary-light-blue) !important;
}

/* الأقسام */
.chooseus-section .content-inner .inner-box .inner .list li:before {
    color: var(--primary-bright-blue) !important;
}

/* Pagination */
.pagination li a.active,
.pagination li a:hover {
    background: var(--primary-bright-blue) !important;
    border-color: var(--primary-bright-blue) !important;
    color: var(--background-white) !important;
}

/* الشريط الجانبي */
.services-sidebar .category-widget .category-list li a.current,
.services-sidebar .category-widget .category-list li a:hover {
    color: var(--background-white) !important;
    background: var(--primary-bright-blue) !important;
}

/* المدونة */
.blog-sidebar .tags-widget .tags-list li a:hover {
    background: var(--primary-bright-blue) !important;
    color: var(--background-white) !important;
}

.blog-details-content .post-share-option .social-links li a:hover {
    background: var(--primary-bright-blue) !important;
    color: var(--background-white) !important;
}

/* دعم CSS Variables في المتغيرات الموجودة */
.theme-btn,
.scroll-top span,
.pagination li a {
    --background: var(--primary-bright-blue);
}

/* تحسينات إضافية */
.page-title {
    background: var(--gradient-primary) !important;
}

.page-title .bread-crumb li a {
    color: var(--primary-light-blue) !important;
}

.page-title .bread-crumb li a:hover {
    color: var(--background-white) !important;
}

/* أزرار الدعوة للعمل */
.cta-section {
    background: var(--gradient-primary) !important;
}

/* التركيز والتفاعل */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-bright-blue) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1) !important;
}

/* الظلال */
.shadow-primary {
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.2);
}

.shadow-navy {
    box-shadow: 0 10px 25px rgba(30, 64, 175, 0.2);
}