/* ملف الثيمات (الألوان) */

/* الثيم الرئيسي (الفاتح) - نسخة محسنة */
:root {
    --primary-color: #2956ff; /* أزرق */
    --secondary-color: #be00aa; /* وردي/أرجواني */
    --accent-color: #6a11cb; /* أرجواني داكن */
    --background-color: #f9f9f9; /* خلفية بيضاء */
    --dark-background: #fff;
    --text-color: #222;
    --light-text-color: #333;
    --border-color: #ddd;
    --gradient-blue-pink: linear-gradient(135deg, #2956ff 0%, #be00aa 100%);
    --gradient-pink-blue: linear-gradient(135deg, #be00aa 0%, #2956ff 100%);
}

/* تحسينات الوضع الفاتح */
.default-theme, body:not([class*="-theme"]) { 
    /* تحسين التباين وتناسق الألوان */
    --primary-color: #2956ff; /* أزرق */
    --secondary-color: #be00aa; /* وردي/أرجواني */
    --accent-color: #6a11cb; /* أرجواني داكن */
    --background-color: #fff; /* خلفية بيضاء نقية */
    --dark-background: #f9f9f9;
    --text-color: #222;
    --light-text-color: #333;
    --border-color: #ddd;
}

/* الثيم الداكن */
.dark-theme {
    --primary-color: #2956ff; /* أزرق */
    --secondary-color: #be00aa; /* وردي/أرجواني */
    --accent-color: #6a11cb; /* أرجواني داكن */
    --background-color: #121212;
    --dark-background: #1a1a1a;
    --text-color: #f9f9f9;
    --light-text-color: #f9f9f9;
    --border-color: #333;
}

/* تحسينات للوضع الفاتح */
.default-theme .service-card, body:not([class*="-theme"]) .service-card {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.default-theme .contact-form, body:not([class*="-theme"]) .contact-form {
    background-color: #fff;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

.default-theme .section-header h2, body:not([class*="-theme"]) .section-header h2 {
    color: var(--secondary-color);
    font-weight: 700;
}

/* تحسين شكل الخط الفاصل للعناوين في الوضع الفاتح */
.default-theme .section-header h2::after, body:not([class*="-theme"]) .section-header h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, #2956ff 0%, #be00aa 75%, rgba(255,255,255,0) 100%);
    border-radius: 2px;
    margin: 15px auto 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(41, 86, 255, 0.3);
}

.default-theme .section-header h2::before, body:not([class*="-theme"]) .section-header h2::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--secondary-color);
    border-radius: 2px;
    margin: 0 auto 15px;
    position: relative;
    opacity: 0.8;
}

.default-theme .section-header p, body:not([class*="-theme"]) .section-header p {
    color: #555;
    font-weight: 500;
    margin-top: 15px;
}

.default-theme header, body:not([class*="-theme"]) header {
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.default-theme nav ul li a, body:not([class*="-theme"]) nav ul li a {
    color: var(--secondary-color);
    font-weight: 600;
}

.default-theme .product-card, body:not([class*="-theme"]) .product-card,
.default-theme .team-member, body:not([class*="-theme"]) .team-member {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
}

.default-theme .product-info h3, body:not([class*="-theme"]) .product-info h3,
.default-theme .member-info h3, body:not([class*="-theme"]) .member-info h3 {
    color: var(--secondary-color);
    font-weight: 700;
}

.default-theme .product-info p, body:not([class*="-theme"]) .product-info p,
.default-theme .member-info p, body:not([class*="-theme"]) .member-info p {
    color: #555;
}

.default-theme .team-preview, body:not([class*="-theme"]) .team-preview {
    background-color: #fff;
}

.default-theme .team-preview-text p, body:not([class*="-theme"]) .team-preview-text p {
    color: #555;
}

.default-theme .contact, body:not([class*="-theme"]) .contact {
    background-color: #f9f9f9;
}

.default-theme .contact-item .icon, body:not([class*="-theme"]) .contact-item .icon {
    background-color: rgba(212, 175, 55, 0.15);
    color: var(--primary-color);
}

.default-theme .social-links a, body:not([class*="-theme"]) .social-links a {
    background-color: rgba(212, 175, 55, 0.15);
    color: var(--secondary-color);
}

.default-theme .social-links a:hover, body:not([class*="-theme"]) .social-links a:hover {
    background-color: var(--primary-color);
    color: white;
}

.default-theme .contact-item .text h3, body:not([class*="-theme"]) .contact-item .text h3 {
    color: var(--secondary-color);
    font-weight: 600;
}

.default-theme .contact-item .text p, body:not([class*="-theme"]) .contact-item .text p {
    color: #555;
}

.default-theme footer, body:not([class*="-theme"]) footer {
    background: var(--gradient-secondary);
}

.dark-theme body {
    background-color: var(--background-color);
    color: var(--text-color);
}

.dark-theme header,
.dark-theme .service-card,
.dark-theme .team-member,
.dark-theme .contact-form,
.dark-theme .product-card {
    background-color: var(--dark-background);
    color: var(--light-text-color);
}

.dark-theme .section-header h2,
.dark-theme .service-card h3,
.dark-theme .product-info h3,
.dark-theme .member-info h3,
.dark-theme .contact-item h3 {
    color: var(--light-text-color);
}

.dark-theme .section-header p,
.dark-theme .member-info p {
    color: #aaa;
}

.dark-theme nav ul li a {
    color: var(--light-text-color);
}

.dark-theme .theme-switcher button {
    color: var(--light-text-color);
}

.dark-theme .theme-switcher button i {
    content: '\f185'; /* Font Awesome sun icon */
}

.dark-theme .services,
.dark-theme .team {
    background-color: var(--secondary-color);
}

.dark-theme .products,
.dark-theme .contact {
    background-color: var(--background-color);
}

.dark-theme .form-group input,
.dark-theme .form-group select,
.dark-theme .form-group textarea {
    background-color: var(--dark-background);
    border-color: #444;
    color: var(--light-text-color);
}

/* الثيم الأخضر */
.green-theme {
    --primary-color: #27ae60;
    --secondary-color: #2c3e50;
    --accent-color: #f39c12;
    --background-color: #f9f9f9;
    --dark-background: #1a1a1a;
    --text-color: #333;
    --light-text-color: #f9f9f9;
    --border-color: #ddd;
}

/* الثيم الأرجواني */
.purple-theme {
    --primary-color: #8e44ad;
    --secondary-color: #2c3e50;
    --accent-color: #f39c12;
    --background-color: #f9f9f9;
    --dark-background: #1a1a1a;
    --text-color: #333;
    --light-text-color: #f9f9f9;
    --border-color: #ddd;
}

/* الثيم الأحمر */
.red-theme {
    --primary-color: #e74c3c; /* أحمر */
    --secondary-color: #2c3e50; /* أزرق داكن */
    --accent-color: #f1c40f; /* أصفر */
    --background-color: #f9f9f9;
    --dark-background: #1a1a1a;
    --text-color: #333;
    --light-text-color: #f9f9f9;
    --border-color: #ddd;
}

/* ثيم ذهبي داكن */
.gold-dark-theme {
    --primary-color: #d4af37; /* ذهبي */
    --secondary-color: #1a1a1a; /* أسود */
    --accent-color: #c0392b; /* أحمر غامق */
    --background-color: #2c2c2c;
    --dark-background: #1a1a1a;
    --text-color: #f9f9f9;
    --light-text-color: #f9f9f9;
    --border-color: #333;
}

/* إضافة تنسيقات خاصة للثيم الذهبي الداكن */
.gold-dark-theme nav ul li a {
    color: var(--light-text-color) !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.gold-dark-theme header {
    background-color: rgba(26, 26, 26, 0.95);
}

.gold-dark-theme header.scrolled {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.gold-dark-theme .contact {
    background-color: var(--background-color);
    color: var(--light-text-color);
}

.gold-dark-theme .contact-item h3,
.gold-dark-theme .contact-form h3,
.gold-dark-theme .section-header h2,
.gold-dark-theme .contact-info .text h3 {
    color: var(--light-text-color);
}

.gold-dark-theme .form-group input,
.gold-dark-theme .form-group select,
.gold-dark-theme .form-group textarea {
    background-color: var(--dark-background);
    border-color: #444;
    color: var(--light-text-color);
}

.gold-dark-theme .btn {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-weight: bold;
}

.gold-dark-theme .theme-switcher button {
    color: var(--light-text-color);
}


.theme-option.default-theme {
    background: linear-gradient(135deg, #d4af37 50%, #f9f9f9 50%);
}

.theme-option.dark-theme {
    background: linear-gradient(135deg, #d4af37 50%, #1a1a1a 50%);
}

.theme-option.red-theme {
    background: linear-gradient(135deg, #e74c3c 50%, #f9f9f9 50%);
}

.theme-option.green-theme {
    background: linear-gradient(135deg, #27ae60 50%, #f9f9f9 50%);
}

.theme-option.purple-theme {
    background: linear-gradient(135deg, #8e44ad 50%, #f9f9f9 50%);
}

.theme-option.gold-dark-theme {
    background: linear-gradient(135deg, #d4af37 50%, #2c2c2c 50%);
}

.dark-theme .theme-panel,
.dark-theme .theme-panel-toggle {
    background-color: #1a1a1a;
    color: white;
}

.theme-option.active {
    border-color: var(--primary-color);
    box-shadow: 0 0 5px var(--primary-color);
}

/* تطبيق الثيمات على قسم التواصل لجميع الثيمات */

/* الثيم الداكن - تحسين تنسيقات التواصل */
.dark-theme .contact {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}

.dark-theme .contact-form {
    background-color: var(--dark-background);
    border: 1px solid #333;
}

.dark-theme .contact .section-header h2,
.dark-theme .contact-item h3,
.dark-theme .contact-info .text h3 {
    color: var(--primary-color) !important;
}

.dark-theme .contact-info .text p,
.dark-theme .contact .section-header p,
.dark-theme .social-links a {
    color: var(--light-text-color) !important;
}

.dark-theme .social-links a:hover {
    color: var(--primary-color) !important;
}

.dark-theme .contact-info .icon {
    background-color: var(--dark-background);
    color: var(--primary-color);
}

/* ثيم ذهبي داكن - تحسين خاص */
.gold-dark-theme .contact {
    background-color: var(--background-color) !important;
    color: var(--light-text-color) !important;
}

.gold-dark-theme .contact-form {
    background-color: var(--dark-background);
    border: 1px solid #444;
}

.gold-dark-theme .contact .section-header h2,
.gold-dark-theme .contact-item h3,
.gold-dark-theme .contact-info .text h3 {
    color: var(--primary-color) !important;
}

.gold-dark-theme .contact-info .text p,
.gold-dark-theme .contact .section-header p {
    color: var(--light-text-color) !important;
}

.gold-dark-theme .social-links a {
    color: var(--light-text-color) !important;
}

.gold-dark-theme .social-links a:hover {
    color: var(--primary-color) !important;
}

.gold-dark-theme .contact-info .icon {
    background-color: var(--dark-background);
    color: var(--primary-color);
}

/* الثيم الأخضر */
.green-theme .contact {
    background-color: #f0f9f0 !important;
}

.green-theme .contact-form {
    background-color: white;
    box-shadow: 0 0 15px rgba(39, 174, 96, 0.2);
}

.green-theme .contact .section-header h2,
.green-theme .contact-item h3 {
    color: var(--primary-color) !important;
}

.green-theme .social-links a {
    color: var(--secondary-color);
}

.green-theme .social-links a:hover {
    color: var(--primary-color);
}

.green-theme .contact-info .icon {
    background-color: rgba(39, 174, 96, 0.1);
    color: var(--primary-color);
}

/* الثيم الأرجواني */
.purple-theme .contact {
    background-color: #f5f0f9 !important;
}

.purple-theme .contact-form {
    background-color: white;
    box-shadow: 0 0 15px rgba(142, 68, 173, 0.2);
}

.purple-theme .contact .section-header h2,
.purple-theme .contact-item h3 {
    color: var(--primary-color) !important;
}

.purple-theme .social-links a {
    color: var(--secondary-color);
}

.purple-theme .social-links a:hover {
    color: var(--primary-color);
}

.purple-theme .contact-info .icon {
    background-color: rgba(142, 68, 173, 0.1);
    color: var(--primary-color);
}

/* الثيم الأحمر */
.red-theme .contact {
    background-color: #f9f0f0 !important;
}

.red-theme .contact-form {
    background-color: white;
    box-shadow: 0 0 15px rgba(231, 76, 60, 0.2);
}

.red-theme .contact .section-header h2,
.red-theme .contact-item h3 {
    color: var(--primary-color) !important;
}

.red-theme .social-links a {
    color: var(--secondary-color);
}

.red-theme .social-links a:hover {
    color: var(--primary-color);
}

.red-theme .contact-info .icon {
    background-color: rgba(231, 76, 60, 0.1);
    color: var(--primary-color);
}

/* تنسيقات عامة للنماذج في قسم التواصل لجميع الثيمات */
.dark-theme .form-group input,
.dark-theme .form-group select,
.dark-theme .form-group textarea,
.gold-dark-theme .form-group input,
.gold-dark-theme .form-group select,
.gold-dark-theme .form-group textarea {
    background-color: var(--dark-background) !important;
    border-color: #444 !important;
    color: var(--light-text-color) !important;
}

/* تنسيق أزرار النموذج */
.dark-theme .contact-form .btn,
.gold-dark-theme .contact-form .btn {
    background-color: var(--primary-color) !important;
    color: var(--dark-background) !important;
    font-weight: bold;
}

.green-theme .contact-form .btn,
.purple-theme .contact-form .btn,
.red-theme .contact-form .btn {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* تنسيق الملاحظات والأخطاء */
.dark-theme .form-alert,
.gold-dark-theme .form-alert {
    background-color: var(--dark-background);
    color: var(--light-text-color);
    border-color: #444;
}

/* تحسين قسم الفريق للوضع الداكن */
.dark-theme .team-preview,
.gold-dark-theme .team-preview {
    background-color: var(--background-color) !important;
    color: var(--light-text-color) !important;
}

.dark-theme .team,
.gold-dark-theme .team {
    background-color: var(--background-color) !important;
    color: var(--light-text-color) !important;
}

.dark-theme .team-member,
.gold-dark-theme .team-member {
    background-color: var(--dark-background) !important;
    border-color: #444 !important;
}

.dark-theme .team-preview-content,
.gold-dark-theme .team-preview-content {
    color: var(--light-text-color) !important;
}

.dark-theme .team-preview-text p,
.gold-dark-theme .team-preview-text p {
    color: var(--light-text-color) !important;
}

.dark-theme .team-list li,
.gold-dark-theme .team-list li {
    color: var(--light-text-color) !important;
}

.dark-theme .team-list li i,
.gold-dark-theme .team-list li i {
    color: var(--primary-color) !important;
}

.dark-theme .member-info h3,
.gold-dark-theme .member-info h3 {
    color: var(--primary-color) !important;
}

.dark-theme .member-info p,
.gold-dark-theme .member-info p {
    color: #aaa !important;
}

.dark-theme .team-preview .section-header h2,
.gold-dark-theme .team-preview .section-header h2,
.dark-theme .team .section-header h2,
.gold-dark-theme .team .section-header h2 {
    color: var(--primary-color) !important;
}

.dark-theme .team-preview .section-header p,
.gold-dark-theme .team-preview .section-header p,
.dark-theme .team .section-header p,
.gold-dark-theme .team .section-header p {
    color: #aaa !important;
}

/* تحسين قسم المنتجات المميزة للوضع الداكن */
.dark-theme .featured-products,
.gold-dark-theme .featured-products {
    background-color: var(--background-color) !important;
}

.dark-theme .featured-products .product-card,
.gold-dark-theme .featured-products .product-card {
    background-color: var(--dark-background) !important;
    border-color: #444 !important;
}

.dark-theme .featured-products .product-info h3,
.gold-dark-theme .featured-products .product-info h3 {
    color: var(--primary-color) !important;
}

.dark-theme .featured-products .product-info p,
.gold-dark-theme .featured-products .product-info p {
    color: #aaa !important;
}

/* تطبيق الثيمات على الأقسام الأخرى */
.dark-theme .section-header h2,
.gold-dark-theme .section-header h2 {
    color: var(--primary-color) !important;
}

.dark-theme .section-header p,
.gold-dark-theme .section-header p {
    color: #aaa !important;
}

/* تحسين شكل الخط الفاصل للعناوين في الوضع الداكن */
.dark-theme .section-header h2::after,
.gold-dark-theme .section-header h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, #2956ff 0%, #be00aa 75%, rgba(26, 26, 26, 0) 100%);
    border-radius: 2px;
    margin: 15px auto 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(41, 86, 255, 0.5);
}

.dark-theme .section-header h2::before,
.gold-dark-theme .section-header h2::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--secondary-color);
    border-radius: 2px;
    margin: 0 auto 15px;
    position: relative;
    box-shadow: 0 2px 5px rgba(190, 0, 170, 0.5);
}

/* تنسيق الخط الفاصل للثيم الأخضر */
.green-theme .section-header h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color) 0%, rgba(39, 174, 96, 0.3) 75%, rgba(255,255,255,0) 100%);
    border-radius: 2px;
    margin: 15px auto 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(39, 174, 96, 0.3);
}

.green-theme .section-header h2::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--accent-color);
    border-radius: 2px;
    margin: 0 auto 15px;
    position: relative;
    opacity: 0.8;
}

/* تنسيق الخط الفاصل للثيم الأرجواني */
.purple-theme .section-header h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color) 0%, rgba(142, 68, 173, 0.3) 75%, rgba(255,255,255,0) 100%);
    border-radius: 2px;
    margin: 15px auto 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(142, 68, 173, 0.3);
}

.purple-theme .section-header h2::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--accent-color);
    border-radius: 2px;
    margin: 0 auto 15px;
    position: relative;
    opacity: 0.8;
}

/* تنسيق الخط الفاصل للثيم الأحمر */
.red-theme .section-header h2::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color) 0%, rgba(231, 76, 60, 0.3) 75%, rgba(255,255,255,0) 100%);
    border-radius: 2px;
    margin: 15px auto 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3);
}

.red-theme .section-header h2::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: var(--accent-color);
    border-radius: 2px;
    margin: 0 auto 15px;
    position: relative;
    opacity: 0.8;
}

/* تحسينات التباين والألوان في الوضع الداكن */
.dark-theme .section-header h2::after {
    background: linear-gradient(90deg, #2956ff 0%, #be00aa 75%, rgba(26, 26, 26, 0) 100%);
    box-shadow: 0 2px 5px rgba(41, 86, 255, 0.5);
}

.dark-theme .section-header h2::before {
    background-color: var(--secondary-color);
    box-shadow: 0 2px 5px rgba(190, 0, 170, 0.5);
}

/* تحديثات الألوان للعناصر الأخرى في الوضع الداكن */
.dark-theme .contact-item .icon {
    background-color: rgba(41, 86, 255, 0.15);
    color: var(--primary-color);
}

.dark-theme .social-links a {
    background-color: rgba(41, 86, 255, 0.15);
    color: #f9f9f9;
}

.dark-theme .social-links a:hover {
    background: var(--gradient-blue-pink);
    color: white;
}

/* تحديث ألوان عناصر أخرى بناءً على النظام الجديد */
.dark-theme .contact-form .btn,
.dark-theme .product-card .btn,
.dark-theme .offer-card .btn {
    background: var(--gradient-blue-pink);
}

.dark-theme .contact-form .btn:hover,
.dark-theme .product-card .btn:hover,
.dark-theme .offer-card .btn:hover {
    background: var(--gradient-pink-blue);
}

/* التأكد من أن team-preview له اللون الصحيح في الوضع الفاتح بغض النظر عن التبديل بين الأوضاع */
body:not(.dark-theme) .team-preview {
    background-color: #fff !important;
    color: var(--text-color) !important;
}

body:not(.dark-theme) .team-preview-text p {
    color: #555 !important;
}

body:not(.dark-theme) .team-list li {
    color: var(--text-color) !important;
}

body:not(.dark-theme) .team-list li i {
    color: var(--primary-color) !important;
}