/* ===== THEME SWITCHER STYLES - النسخة المحسنة ===== */
.theme-switcher {
    position: fixed;
    bottom: 70px;
    right: 25px;
    z-index: 9998;
    transition: all 0.4s ease;
}

/* تأثير الشفافية أثناء التمرير */
body.scrolled .theme-switcher {
    opacity: 0.7;
    transform: scale(0.9);
}

body.scrolled .theme-switcher:hover {
    opacity: 1;
    transform: scale(1);
}

/* الأيقونة الرئيسية - أصغر وشفافة */
.theme-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.9), rgba(160, 120, 80, 0.9));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(210, 180, 140, 0.4);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 2px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    animation: themeBounce 3s infinite;
}

@keyframes themeBounce {
    0%, 100% { 
        transform: translateY(0) scale(1); 
    }
    50% { 
        transform: translateY(-4px) scale(1.05); 
    }
}

.theme-icon:hover {
    transform: scale(1.15) rotate(12deg);
    box-shadow: 0 6px 25px rgba(210, 180, 140, 0.6);
    background: linear-gradient(135deg, rgba(210, 180, 140, 1), rgba(160, 120, 80, 1));
}

.theme-icon i {
    color: #000;
    font-size: 1.1rem;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.theme-icon:hover i {
    transform: scale(1.2);
}

/* الأيقونات الثانوية - بدون إطار أو خلفية */
.theme-options {
    position: absolute;
    bottom: 50px;
    right: 0;
    display: none;
    flex-direction: column-reverse;
    gap: 8px;
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

.theme-options.active {
    display: flex;
    animation: themeSlideDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes themeSlideDown {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* الأيقونات الصغيرة العائمة */
.theme-option {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent !important;
    color: var(--accent-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    animation: optionBounce 2s infinite;
    opacity: 0.9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

@keyframes optionBounce {
    0%, 100% { 
        transform: translateY(0) scale(1); 
    }
    50% { 
        transform: translateY(-2px) scale(1.1); 
    }
}

.theme-option:nth-child(1) { animation-delay: 0.1s; }
.theme-option:nth-child(2) { animation-delay: 0.2s; }
.theme-option:nth-child(3) { animation-delay: 0.3s; }

.theme-option:hover {
    transform: scale(1.3) rotate(8deg);
    opacity: 1;
    color: #fff;
    background: rgba(210, 180, 140, 0.3) !important;
    box-shadow: 0 4px 15px rgba(210, 180, 140, 0.4);
    animation: none;
}

/* تغيير شكل الأيقونة الرئيسية حسب الثيم */
[data-theme="dark"] .theme-icon {
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.9), rgba(160, 120, 80, 0.9));
    border: 2px solid rgba(210, 180, 140, 0.5);
}

[data-theme="light"] .theme-icon {
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.8), rgba(160, 120, 80, 0.8));
    border: 2px solid rgba(210, 180, 140, 0.6);
    box-shadow: 0 4px 15px rgba(210, 180, 140, 0.3);
}

/* ألوان الأيقونات الصغيرة حسب الثيم */
[data-theme="dark"] .theme-option {
    color: #d2b48c;
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="light"] .theme-option {
    color: #a07850;
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .theme-option:hover {
    color: #000;
    background: rgba(210, 180, 140, 0.3) !important;
}

/* تأثير النشاط على الأيقونة المختارة */
.theme-option.active {
    transform: scale(1.2);
    color: #fff !important;
    background: rgba(210, 180, 140, 0.6) !important;
    box-shadow: 0 0 20px rgba(210, 180, 140, 0.5);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0%, 100% { 
        box-shadow: 0 0 20px rgba(210, 180, 140, 0.5);
    }
    50% { 
        box-shadow: 0 0 30px rgba(210, 180, 140, 0.8);
    }
}

/* ===== DARK MODE COMPLETE STYLING - لون الخشب الغامق ===== */
[data-theme="dark"] {
    /* الألوان الأساسية */
    --bg-primary: #2a1f15;
    --bg-secondary: #3a2c1f;
    --bg-card: #35281c;
    --bg-overlay: rgba(42, 31, 21, 0.95);
    --text-primary: #e8d8c3;
    --text-secondary: #d2b48c;
    --text-muted: #b8a28a;
    --accent-color: #d2b48c;
    --accent-hover: #c19a6b;
    --border-color: #5d4c37;
    --header-bg: rgba(42, 31, 21, 0.98);
    --footer-bg: #3a2c1f;
    --shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    --shadow-hover: 0 5px 25px rgba(0, 0, 0, 0.6);
}

/* ===== LIGHT MODE COMPLETE STYLING - لون الشاي بالحليب ===== */
[data-theme="light"] {
    /* الألوان الأساسية */
    --bg-primary: #f5f0e6;
    --bg-secondary: #f9f6f0;
    --bg-card: #fffdf8;
    --bg-overlay: rgba(245, 240, 230, 0.95);
    --text-primary: #3a3429;
    --text-secondary: #5d5340;
    --text-muted: #8a7e68;
    --accent-color: #a07850;
    --accent-hover: #8a6642;
    --border-color: #d9d1c3;
    --header-bg: rgba(245, 240, 230, 0.98);
    --footer-bg: #f9f6f0;
    --shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 5px 25px rgba(0, 0, 0, 0.12);
}

/* ===== الهيدر والتنقل ===== */
[data-theme="dark"] header {
    background: var(--header-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] header.scrolled {
    background: rgba(42, 31, 21, 0.98) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="dark"] nav a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] nav a:hover {
    color: var(--accent-color) !important;
    background: rgba(210, 180, 140, 0.1) !important;
}

[data-theme="light"] header {
    background: var(--header-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] header.scrolled {
    background: rgba(245, 240, 230, 0.98) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="light"] nav a {
    color: var(--text-primary) !important;
}

[data-theme="light"] nav a:hover {
    color: var(--accent-color) !important;
    background: rgba(160, 120, 80, 0.1) !important;
}

/* ===== الصفحة الرئيسية ===== */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #3a2c1f, #2a1f15) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .hero h1 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .hero p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .designs-title {
    color: var(--accent-color) !important;
}

[data-theme="light"] .hero {
    background: linear-gradient(135deg, #f9f6f0, #f5f0e6) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .hero h1 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .hero p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .designs-title {
    color: var(--accent-color) !important;
}

/* السلايدر */
[data-theme="dark"] .slider-enhanced {
    border: 2px solid rgba(210, 180, 140, 0.4) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="dark"] .slider-dots .dot {
    background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .slider-dots .dot.active {
    background: var(--accent-color) !important;
}

[data-theme="light"] .slider-enhanced {
    border: 2px solid rgba(160, 120, 80, 0.4) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="light"] .slider-dots .dot {
    background: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .slider-dots .dot.active {
    background: var(--accent-color) !important;
}

/* قسم المميزات */
[data-theme="dark"] #features {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .feature {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="dark"] .feature:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="dark"] .feature h3 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .feature p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #features {
    background: var(--bg-secondary) !important;
}

[data-theme="light"] .feature {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="light"] .feature:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="light"] .feature h3 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .feature p {
    color: var(--text-secondary) !important;
}

/* قسم التواصل */
[data-theme="dark"] .social-section {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .social-mini-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .social-mini-card:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="dark"] .social-mini-card h4 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .social-section {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

[data-theme="light"] .social-mini-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .social-mini-card:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="light"] .social-mini-card h4 {
    color: var(--text-primary) !important;
}

/* ===== صفحة المنتجات ===== */
[data-theme="dark"] .products {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .products h1 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .design-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="dark"] .design-card:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="dark"] .design-card h3 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .design-card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .price-tag {
    background: rgba(210, 180, 140, 0.1) !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
}

[data-theme="dark"] .order-btn {
    background: var(--accent-color) !important;
    color: #000 !important;
    border: 2px solid var(--accent-color) !important;
}

[data-theme="dark"] .order-btn:hover {
    background: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
}

[data-theme="light"] .products {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .products h1 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .design-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="light"] .design-card:hover {
    border-color: var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="light"] .design-card h3 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .design-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .price-tag {
    background: rgba(160, 120, 80, 0.1) !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
}

[data-theme="light"] .order-btn {
    background: var(--accent-color) !important;
    color: #fff !important;
    border: 2px solid var(--accent-color) !important;
}

[data-theme="light"] .order-btn:hover {
    background: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
}

/* التصميم المخصص */
[data-theme="dark"] .custom-design {
    background: rgba(210, 180, 140, 0.05) !important;
    border: 2px solid rgba(210, 180, 140, 0.2) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .custom-design h2 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .custom-design p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .custom-price {
    background: rgba(220, 20, 60, 0.05) !important;
    border: 1px solid #dc143c !important;
    color: #dc143c !important;
}

[data-theme="light"] .custom-design {
    background: rgba(160, 120, 80, 0.05) !important;
    border: 2px solid rgba(160, 120, 80, 0.2) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .custom-design h2 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .custom-design p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .custom-price {
    background: rgba(220, 20, 60, 0.05) !important;
    border: 1px solid #dc143c !important;
    color: #dc143c !important;
}

/* معلومات الشحن */
[data-theme="dark"] .shipping-info {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .shipping-info h3 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .shipping-info p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .shipping-info {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .shipping-info h3 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .shipping-info p {
    color: var(--text-secondary) !important;
}

/* ===== صفحة الدفع ===== */
[data-theme="dark"] section {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] h1, 
[data-theme="dark"] h2.section-title {
    color: var(--accent-color) !important;
}

[data-theme="dark"] section p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] section {
    background: var(--bg-primary) !important;
}

[data-theme="light"] h1, 
[data-theme="light"] h2.section-title {
    color: var(--accent-color) !important;
}

[data-theme="light"] section p {
    color: var(--text-secondary) !important;
}

/* بوكس فودافون كاش */
[data-theme="dark"] .vodafone-box {
    background: rgba(230, 0, 0, 0.05) !important;
    border: 2px solid rgba(230, 0, 0, 0.3) !important;
}

[data-theme="dark"] .vodafone-box h3 {
    color: #e60000 !important;
}

[data-theme="light"] .vodafone-box {
    background: rgba(230, 0, 0, 0.05) !important;
    border: 2px solid rgba(230, 0, 0, 0.3) !important;
}

[data-theme="light"] .vodafone-box h3 {
    color: #e60000 !important;
}

/* بوكس انستاباي */
[data-theme="dark"] .instapay-box {
    background: rgba(106, 13, 173, 0.05) !important;
    border: 2px solid rgba(106, 13, 173, 0.3) !important;
}

[data-theme="dark"] .instapay-box h3 {
    color: #6a0dad !important;
}

[data-theme="light"] .instapay-box {
    background: rgba(106, 13, 173, 0.05) !important;
    border: 2px solid rgba(106, 13, 173, 0.3) !important;
}

[data-theme="light"] .instapay-box h3 {
    color: #6a0dad !important;
}

/* تفاصيل الدفع */
[data-theme="dark"] .payment-details {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .payment-details p {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .payment-number {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .copy-btn {
    background: rgba(210, 180, 140, 0.1) !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
}

[data-theme="dark"] .copy-btn:hover {
    background: var(--accent-color) !important;
    color: #000 !important;
}

[data-theme="dark"] .direct-pay-btn {
    background: rgba(37, 211, 102, 0.1) !important;
    border: 1px solid #25d366 !important;
    color: #25d366 !important;
}

[data-theme="dark"] .direct-pay-btn:hover {
    background: #25d366 !important;
    color: #fff !important;
}

[data-theme="light"] .payment-details {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .payment-details p {
    color: var(--text-primary) !important;
}

[data-theme="light"] .payment-number {
    color: var(--accent-color) !important;
}

[data-theme="light"] .copy-btn {
    background: rgba(160, 120, 80, 0.1) !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
}

[data-theme="light"] .copy-btn:hover {
    background: var(--accent-color) !important;
    color: #fff !important;
}

[data-theme="light"] .direct-pay-btn {
    background: rgba(37, 211, 102, 0.1) !important;
    border: 1px solid #25d366 !important;
    color: #25d366 !important;
}

[data-theme="light"] .direct-pay-btn:hover {
    background: #25d366 !important;
    color: #fff !important;
}

/* خطوات الدفع */
[data-theme="dark"] .payment-steps {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .payment-steps li {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .payment-steps {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .payment-steps li {
    color: var(--text-secondary) !important;
}

/* التعليمات */
[data-theme="dark"] .instructions {
    background: rgba(210, 180, 140, 0.05) !important;
    border: 1px solid rgba(210, 180, 140, 0.2) !important;
}

[data-theme="dark"] .instructions h3 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .instructions li {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .instructions {
    background: rgba(160, 120, 80, 0.05) !important;
    border: 1px solid rgba(160, 120, 80, 0.2) !important;
}

[data-theme="light"] .instructions h3 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .instructions li {
    color: var(--text-secondary) !important;
}

/* بوكس التواصل */
[data-theme="dark"] .whatsapp-box {
    background: rgba(37, 211, 102, 0.05) !important;
    border: 1px solid rgba(37, 211, 102, 0.2) !important;
}

[data-theme="dark"] .messenger-box {
    background: rgba(0, 106, 255, 0.05) !important;
    border: 1px solid rgba(0, 106, 255, 0.2) !important;
}

[data-theme="dark"] .facebook-box {
    background: rgba(24, 119, 242, 0.05) !important;
    border: 1px solid rgba(24, 119, 242, 0.2) !important;
}

[data-theme="dark"] .contact-box h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .contact-box p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .whatsapp-box {
    background: rgba(37, 211, 102, 0.05) !important;
    border: 1px solid rgba(37, 211, 102, 0.2) !important;
}

[data-theme="light"] .messenger-box {
    background: rgba(0, 106, 255, 0.05) !important;
    border: 1px solid rgba(0, 106, 255, 0.2) !important;
}

[data-theme="light"] .facebook-box {
    background: rgba(24, 119, 242, 0.05) !important;
    border: 1px solid rgba(24, 119, 242, 0.2) !important;
}

[data-theme="light"] .contact-box h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .contact-box p {
    color: var(--text-secondary) !important;
}

/* ===== صفحة من نحن ===== */
[data-theme="dark"] .about-hero {
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.1), rgba(58, 44, 31, 0.9)) !important;
}

[data-theme="dark"] .about-hero h1 {
    color: var(--accent-color) !important;
    text-shadow: none !important;
}

[data-theme="dark"] .about-hero p {
    color: var(--text-secondary) !important;
    text-shadow: none !important;
}

[data-theme="dark"] .story-text {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .values-section {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .value-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .value-card:hover {
    border-color: var(--accent-color) !important;
    background: rgba(210, 180, 140, 0.05) !important;
}

[data-theme="dark"] .value-card h3 {
    color: var(--accent-color) !important;
}

[data-theme="dark"] .value-card p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .vision-content {
    background: rgba(210, 180, 140, 0.03) !important;
    border: 1px solid rgba(210, 180, 140, 0.1) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .about-hero {
    background: linear-gradient(135deg, rgba(160, 120, 80, 0.1), rgba(249, 246, 240, 0.9)) !important;
}

[data-theme="light"] .about-hero h1 {
    color: var(--accent-color) !important;
    text-shadow: none !important;
}

[data-theme="light"] .about-hero p {
    color: var(--text-secondary) !important;
    text-shadow: none !important;
}

[data-theme="light"] .story-text {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .values-section {
    background: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .value-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .value-card:hover {
    border-color: var(--accent-color) !important;
    background: rgba(160, 120, 80, 0.05) !important;
}

[data-theme="light"] .value-card h3 {
    color: var(--accent-color) !important;
}

[data-theme="light"] .value-card p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .vision-content {
    background: rgba(160, 120, 80, 0.03) !important;
    border: 1px solid rgba(160, 120, 80, 0.1) !important;
    color: var(--text-secondary) !important;
}

/* ===== صفحة الخصوصية ===== */
[data-theme="dark"] .privacy-container {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .policy-section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .policy-section:hover {
    border-color: var(--accent-color) !important;
}

[data-theme="dark"] .policy-content {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .highlight-box {
    background: rgba(210, 180, 140, 0.05) !important;
    border: 1px solid rgba(210, 180, 140, 0.2) !important;
}

[data-theme="dark"] .contact-method {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .privacy-container {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .policy-section {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .policy-section:hover {
    border-color: var(--accent-color) !important;
}

[data-theme="light"] .policy-content {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .highlight-box {
    background: rgba(160, 120, 80, 0.05) !important;
    border: 1px solid rgba(160, 120, 80, 0.2) !important;
}

[data-theme="light"] .contact-method {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* ===== الفوتر ===== */
[data-theme="dark"] footer {
    background: var(--footer-bg) !important;
    color: var(--text-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] footer p {
    color: var(--text-secondary) !important;
}

[data-theme="light"] footer {
    background: var(--footer-bg) !important;
    color: var(--text-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

[data-theme="light"] footer p {
    color: var(--text-secondary) !important;
}

/* ===== العناصر العامة ===== */
[data-theme="dark"] .toast {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-left: 4px solid var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="dark"] .form-input {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .form-input:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 2px rgba(210, 180, 140, 0.2) !important;
}

[data-theme="dark"] .form-input::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] .toast {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-left: 4px solid var(--accent-color) !important;
    box-shadow: var(--shadow-hover) !important;
}

[data-theme="light"] .form-input {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-input:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 2px rgba(160, 120, 80, 0.2) !important;
}

[data-theme="light"] .form-input::placeholder {
    color: var(--text-muted) !important;
}

/* Modal في صفحة المنتجات */
[data-theme="dark"] .modal-content {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-secondary)) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .selected-product {
    background: rgba(210, 180, 140, 0.05) !important;
    border: 1px solid rgba(210, 180, 140, 0.2) !important;
}

[data-theme="dark"] .price-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .price-value {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .total-row {
    background: rgba(210, 180, 140, 0.1) !important;
    border: 1px solid rgba(210, 180, 140, 0.3) !important;
}

[data-theme="dark"] .total-label,
[data-theme="dark"] .total-value {
    color: var(--accent-color) !important;
}

[data-theme="light"] .modal-content {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-secondary)) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .selected-product {
    background: rgba(160, 120, 80, 0.05) !important;
    border: 1px solid rgba(160, 120, 80, 0.2) !important;
}

[data-theme="light"] .price-label {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .price-value {
    color: var(--text-primary) !important;
}

[data-theme="light"] .total-row {
    background: rgba(160, 120, 80, 0.1) !important;
    border: 1px solid rgba(160, 120, 80, 0.3) !important;
}

[data-theme="light"] .total-label,
[data-theme="light"] .total-value {
    color: var(--accent-color) !important;
}

/* Lightbox */
[data-theme="dark"] .lightbox {
    background: rgba(42, 31, 21, 0.95) !important;
}

[data-theme="dark"] .lightbox-content {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .lightbox-close,
[data-theme="dark"] .lightbox-prev,
[data-theme="dark"] .lightbox-next {
    background: rgba(42, 31, 21, 0.9) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .lightbox-close:hover,
[data-theme="dark"] .lightbox-prev:hover,
[data-theme="dark"] .lightbox-next:hover {
    background: var(--accent-color) !important;
    color: #000 !important;
}

[data-theme="dark"] .lightbox-info {
    background: rgba(42, 31, 21, 0.9) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .lightbox {
    background: rgba(245, 240, 230, 0.95) !important;
}

[data-theme="light"] .lightbox-content {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .lightbox-close,
[data-theme="light"] .lightbox-prev,
[data-theme="light"] .lightbox-next {
    background: rgba(245, 240, 230, 0.9) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="light"] .lightbox-close:hover,
[data-theme="light"] .lightbox-prev:hover,
[data-theme="light"] .lightbox-next:hover {
    background: var(--accent-color) !important;
    color: #fff !important;
}

[data-theme="light"] .lightbox-info {
    background: rgba(245, 240, 230, 0.9) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

/* ===== FIX HERO SECTION IN ABOUT PAGE ===== */
[data-theme="dark"] .about-hero {
    background: linear-gradient(135deg, #3a2c1f, #2a1f15) !important;
    color: #e8d8c3 !important;
    position: relative !important;
}

[data-theme="dark"] .about-hero::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(58, 44, 31, 0.9), rgba(42, 31, 21, 0.9)) !important;
    z-index: 1 !important;
}

[data-theme="dark"] .about-hero > * {
    position: relative !important;
    z-index: 2 !important;
}

[data-theme="dark"] .hero-title,
[data-theme="dark"] .about-hero h1 {
    color: #d2b48c !important;
    text-shadow: none !important;
    font-size: 3rem !important;
    margin-bottom: 20px !important;
}

[data-theme="dark"] .hero-subtitle,
[data-theme="dark"] .about-hero p {
    color: #d2b48c !important;
    text-shadow: none !important;
    font-size: 1.3rem !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.8 !important;
}

[data-theme="light"] .about-hero {
    background: linear-gradient(135deg, #f9f6f0, #f5f0e6) !important;
    color: #3a3429 !important;
    position: relative !important;
}

[data-theme="light"] .about-hero::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(249, 246, 240, 0.9), rgba(245, 240, 230, 0.9)) !important;
    z-index: 1 !important;
}

[data-theme="light"] .about-hero > * {
    position: relative !important;
    z-index: 2 !important;
}

[data-theme="light"] .hero-title,
[data-theme="light"] .about-hero h1 {
    color: #a07850 !important;
    text-shadow: none !important;
    font-size: 3rem !important;
    margin-bottom: 20px !important;
}

[data-theme="light"] .hero-subtitle,
[data-theme="light"] .about-hero p {
    color: #5d5340 !important;
    text-shadow: none !important;
    font-size: 1.3rem !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.8 !important;
}

/* الحل النووي إذا لسة مش شغال */
html[data-theme="dark"] .about-hero,
body[data-theme="dark"] .about-hero {
    background: linear-gradient(135deg, #3a2c1f, #2a1f15) !important;
}

html[data-theme="dark"] .about-hero h1,
body[data-theme="dark"] .about-hero h1,
html[data-theme="dark"] .hero-title,
body[data-theme="dark"] .hero-title {
    color: #d2b48c !important;
}

html[data-theme="dark"] .about-hero p,
body[data-theme="dark"] .about-hero p,
html[data-theme="dark"] .hero-subtitle,
body[data-theme="dark"] .hero-subtitle {
    color: #d2b48c !important;
}

html[data-theme="light"] .about-hero,
body[data-theme="light"] .about-hero {
    background: linear-gradient(135deg, #f9f6f0, #f5f0e6) !important;
}

html[data-theme="light"] .about-hero h1,
body[data-theme="light"] .about-hero h1,
html[data-theme="light"] .hero-title,
body[data-theme="light"] .hero-title {
    color: #a07850 !important;
}

html[data-theme="light"] .about-hero p,
body[data-theme="light"] .about-hero p,
html[data-theme="light"] .hero-subtitle,
body[data-theme="light"] .hero-subtitle {
    color: #5d5340 !important;
}

/* ===== Light Mode لأيقونة الاقتراحات ===== */
[data-theme="dark"] .feedback-icon {
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.8), rgba(160, 120, 80, 0.8));
    border: 2px solid rgba(210, 180, 140, 0.6);
    box-shadow: 0 4px 15px rgba(210, 180, 140, 0.3);
}

[data-theme="dark"] .feedback-icon:hover {
    background: linear-gradient(135deg, rgba(210, 180, 140, 1), rgba(160, 120, 80, 1));
    box-shadow: 0 6px 25px rgba(210, 180, 140, 0.5);
}

[data-theme="light"] .feedback-icon {
    background: linear-gradient(135deg, rgba(160, 120, 80, 0.8), rgba(138, 102, 66, 0.8));
    border: 2px solid rgba(160, 120, 80, 0.6);
    box-shadow: 0 4px 15px rgba(160, 120, 80, 0.3);
}

[data-theme="light"] .feedback-icon:hover {
    background: linear-gradient(135deg, rgba(160, 120, 80, 1), rgba(138, 102, 66, 1));
    box-shadow: 0 6px 25px rgba(160, 120, 80, 0.5);
}

/* ===== LIGHT MODE EMERGENCY FIXES ===== */
[data-theme="dark"] {
    color-scheme: dark !important;
}

[data-theme="light"] {
    color-scheme: light !important;
}

/* التأكد من تطبيق الـ Light Mode على العناصر الأساسية */
[data-theme="dark"] body {
    background-color: #2a1f15 !important;
    color: #e8d8c3 !important;
}

[data-theme="light"] body {
    background-color: #f5f0e6 !important;
    color: #3a3429 !important;
}

[data-theme="dark"] .section-title {
    color: #d2b48c !important;
}

[data-theme="light"] .section-title {
    color: #a07850 !important;
}

/* ===== SCROLL TO TOP IN LIGHT MODE ===== */
[data-theme="dark"] .scroll-to-top {
    background: linear-gradient(135deg, rgba(210, 180, 140, 0.8), rgba(160, 120, 80, 0.8));
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 20px rgba(210, 180, 140, 0.3);
}

[data-theme="dark"] .scroll-to-top:hover {
    background: linear-gradient(135deg, rgba(210, 180, 140, 1), rgba(160, 120, 80, 1));
    box-shadow: 0 6px 25px rgba(210, 180, 140, 0.5);
}

[data-theme="dark"] .scroll-to-top i {
    color: #000;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .scroll-to-top {
    background: linear-gradient(135deg, rgba(160, 120, 80, 0.8), rgba(138, 102, 66, 0.8));
    border: 2px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 20px rgba(160, 120, 80, 0.3);
}

[data-theme="light"] .scroll-to-top:hover {
    background: linear-gradient(135deg, rgba(160, 120, 80, 1), rgba(138, 102, 66, 1));
    box-shadow: 0 6px 25px rgba(160, 120, 80, 0.5);
}

[data-theme="light"] .scroll-to-top i {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
/* ===== إصلاح إطار اللوجو للوضع الفاتح ===== */
[data-theme="light"] header img {
    background: #f5f0e6 !important;
    border: 2px solid #a07850 !important;
    box-shadow: 
        0 0 20px rgba(160, 120, 80, 0.3),
        inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] header img {
    background: #111 !important;
    border: 2px solid #d4af37 !important;
    box-shadow: 
        0 0 20px rgba(212, 175, 55, 0.3),
        inset 0 0 10px rgba(255, 255, 255, 0.1) !important;
}

[data-theme="light"] .hero img {
    background: #f5f0e6 !important;
    border: 3px solid #a07850 !important;
    box-shadow: 
        0 0 30px rgba(160, 120, 80, 0.4),
        inset 0 0 15px rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .hero img {
    background: #111 !important;
    border: 3px solid #d4af37 !important;
    box-shadow: 
        0 0 30px rgba(212, 175, 55, 0.4),
        inset 0 0 15px rgba(255, 255, 255, 0.2) !important;
}