/* ===================================================================== LIGHT THEME OVERRIDES Active only when . Dark stays the default. Palette: page #f4f2ec (warm ivory) card #ffffff text #1c1a16 / #4b5563 / #6b7280 gold #9a7518 (readable on light) ===================================================================== */ /* ---------- Global ---------- */ [data-theme="light"] html, [data-theme="light"] body { background-color: #f4f2ec; color: #1c1a16; } /* ============================ NAVBAR ============================ */ [data-theme="light"] .modern-header { background: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } [data-theme="light"] .nav-links { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .nav-link-item { color: #5b6472; } [data-theme="light"] .nav-link-item:hover { color: #111; } /* Logo: transparent gold SVG — deepen it slightly so it reads on the ivory bg */ [data-theme="light"] .main-logo img { filter: brightness(0.82) saturate(1.15) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12)); } [data-theme="light"] .theme-toggle { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.1); color: #9a7518; } [data-theme="light"] .theme-toggle:hover { background: rgba(154, 117, 24, 0.12); border-color: rgba(154, 117, 24, 0.4); } /* ============================ HERO ============================ */ [data-theme="light"] .Main { background: #f4f2ec; } [data-theme="light"] .hero-badge { background: rgba(154, 117, 24, 0.10); border-color: rgba(154, 117, 24, 0.30); color: #8a6a15; } [data-theme="light"] .hero-title { color: #1c1a16; } [data-theme="light"] .hero-gradient { background: linear-gradient(135deg, #a9801f 0%, #7d5f12 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .hero-desc { color: #4b5563; } [data-theme="light"] .feature-chip { background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.08); color: #4b5563; } [data-theme="light"] .feature-chip:hover { background: rgba(154, 117, 24, 0.08); border-color: rgba(154, 117, 24, 0.3); color: #7d5f12; } /* Euro widget card */ [data-theme="light"] .euro-widget { background: #ffffff; border-color: rgba(154, 117, 24, 0.22); } [data-theme="light"] .ew-name { color: #1c1a16; } [data-theme="light"] .ew-pair { color: #94a3b8; } [data-theme="light"] .ew-price { color: #1c1a16; } [data-theme="light"] .ew-live-dot { border-color: #ffffff; } /* ============================ CONVERTER ============================ */ [data-theme="light"] .converter-card2 { background: #ffffff; border-color: rgba(154, 117, 24, 0.18); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(154, 117, 24, 0.06); } [data-theme="light"] .converter-title { color: #1c1a16; } [data-theme="light"] .currency-entry { background: #f5f3ee; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .currency-entry:focus-within { border-color: rgba(154, 117, 24, 0.5); background: #faf7f0; } [data-theme="light"] .currency-tag { color: #4b5563; background: rgba(0, 0, 0, 0.05); } [data-theme="light"] .currency-dropdown { background: rgba(0, 0, 0, 0.05); color: #1c1a16; } [data-theme="light"] .amount-input { color: #1c1a16; } [data-theme="light"] .amount-input::placeholder { color: rgba(0, 0, 0, 0.25); } [data-theme="light"] .swap-btn { border-color: #ffffff; } [data-theme="light"] .rate-text { color: #4b5563; } /* ============================ CURRENCY / HAVALEH CARDS ============================ */ [data-theme="light"] .modern-dark-wrapper { color: #1c1a16; } [data-theme="light"] .market-title, [data-theme="light"] .faq-title, [data-theme="light"] .Title h2, [data-theme="light"] .terms-title { background: linear-gradient(135deg, #2a2620 0%, #9a7518 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .status-text { color: #4b5563; } [data-theme="light"] .currency-card { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .currency-card:hover { border-color: rgba(154, 117, 24, 0.5); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12), 0 0 22px rgba(154, 117, 24, 0.08); } [data-theme="light"] .currency-fa, [data-theme="light"] .price-value { color: #1c1a16; } [data-theme="light"] .havaleh-card:hover { background: #eafaef !important; border-color: rgba(37, 211, 102, 0.4) !important; } [data-theme="light"] .havaleh-rate-label { color: #1c1a16; } /* ============================ FAQ ============================ */ [data-theme="light"] .faq-badge { background: rgba(154, 117, 24, 0.10); border-color: rgba(154, 117, 24, 0.28); color: #8a6a15; } [data-theme="light"] .accordion-item { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .accordion-item:hover { border-color: rgba(154, 117, 24, 0.22); background: rgba(154, 117, 24, 0.03); } [data-theme="light"] .accordion-item:has(button[aria-expanded=true]) { border-color: rgba(154, 117, 24, 0.40); background: rgba(154, 117, 24, 0.05); } [data-theme="light"] .accordion button { color: #4b5563; } [data-theme="light"] .accordion button:hover, [data-theme="light"] .accordion button[aria-expanded=true] { color: #1c1a16; } [data-theme="light"] .q-num { color: #9a7518; } [data-theme="light"] .icon { background: rgba(0, 0, 0, 0.05); color: #6b7280; } [data-theme="light"] .accordion-content p a { color: #9a7518; } /* ============================ TRANSFER ADS ============================ */ [data-theme="light"] .countryItems { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .countryItems:hover { background: rgba(154, 117, 24, 0.07); border-color: rgba(154, 117, 24, 0.28); } [data-theme="light"] .countryName { color: #4b5563; } [data-theme="light"] .countryItems:hover .countryName { color: #7d5f12; } /* ============================ TEHRAN CONTACT PILL ============================ */ [data-theme="light"] .tehran-pill { background: rgba(255, 255, 255, 0.92); border-color: rgba(154, 117, 24, 0.35); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } [data-theme="light"] .tehran-city { color: #4b5563; } [data-theme="light"] .tehran-num { color: #8a6a15; } /* WhatsApp contact pill (same shape as Tehran) */ [data-theme="light"] .wa-nav-btn { background: rgba(255, 255, 255, 0.92); border-color: rgba(37, 211, 102, 0.4); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } [data-theme="light"] .wa-top { color: #4b5563; } [data-theme="light"] .wa-bottom { color: #128c7e; } /* ============================ MOBILE FOOTER / CONTACT PANEL ============================ */ [data-theme="light"] .mobile-nav { background: rgba(255, 255, 255, 0.95) !important; border-top-color: rgba(154, 117, 24, 0.18); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12); } [data-theme="light"] .nav-item { color: #5b6472; } [data-theme="light"] .contact-modal { background: #ffffff; border-color: rgba(154, 117, 24, 0.2); } [data-theme="light"] .contact-head { border-bottom-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .contact-title { color: #1c1a16; } [data-theme="light"] .contact-online { border-color: #ffffff; } [data-theme="light"] .contact-close { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.1); color: #6b7280; } [data-theme="light"] .contact-offices-title { color: #8a6a15; } [data-theme="light"] .office-card { background: #f6f4ef; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .office-card:hover { background: rgba(154, 117, 24, 0.07); border-color: rgba(154, 117, 24, 0.3); } [data-theme="light"] .office-icon, [data-theme="light"] .office-call { color: #9a7518; } [data-theme="light"] .office-city { color: #1c1a16; } [data-theme="light"] .office-phone { color: #4b5563; } /* ============================ DESKTOP FOOTER ============================ */ [data-theme="light"] .site-footer { background: #efece4; border-top-color: rgba(154, 117, 24, 0.20); } [data-theme="light"] .footer-col-title { color: #8a6a15; } [data-theme="light"] .footer-contact-row, [data-theme="light"] .footer-contact-row a { color: #4b5563; } [data-theme="light"] .footer-gold-icon { color: #9a7518; } [data-theme="light"] .social-btn { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.08); color: #6b7280; } [data-theme="light"] .social-btn:hover { background: rgba(154, 117, 24, 0.12); border-color: rgba(154, 117, 24, 0.3); color: #9a7518; } [data-theme="light"] .partner-grid img { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.08); filter: brightness(0.9) saturate(0.6); } [data-theme="light"] .footer-bottom { border-top-color: rgba(0, 0, 0, 0.08); } /* ============================ TERMS / LAW PAGE ============================ */ [data-theme="light"] .terms-container { background: #ffffff; border-color: rgba(154, 117, 24, 0.18); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.10); } [data-theme="light"] .intro, [data-theme="light"] .section-content, [data-theme="light"] .section-content li { color: #3a3a3a; } [data-theme="light"] .section-header { background: #f6f4ef; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .section-header:hover { background: rgba(154, 117, 24, 0.06); border-color: rgba(154, 117, 24, 0.28); } [data-theme="light"] .section-header h2 { color: #1c1a16; } [data-theme="light"] .toggle-icon { color: #9a7518; } [data-theme="light"] .section-content a { color: #9a7518; } /* ============================ BLOG / NEWS PAGE ============================ */ [data-theme="light"] .blog-page { background: #f4f2ec; color: #1c1a16; } [data-theme="light"] .blog-hero-title { color: #1c1a16; } [data-theme="light"] .blog-hero-title .hl, [data-theme="light"] .section-heading { background: linear-gradient(135deg, #2a2620 0%, #9a7518 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .blog-hero-desc { color: #4b5563; } [data-theme="light"] .blog-hero-desc strong { color: #8a6a15; } [data-theme="light"] .btn-ghost { color: #8a6a15; border-color: rgba(154, 117, 24, 0.4); } [data-theme="light"] .btn-ghost:hover { background: rgba(154, 117, 24, 0.08); border-color: rgba(154, 117, 24, 0.7); } [data-theme="light"] .visual-panel { background: radial-gradient(circle at 50% 45%, rgba(154, 117, 24, 0.12), transparent 55%), linear-gradient(160deg, #ffffff 0%, #f2efe7 100%); border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .float-card { background: rgba(255, 255, 255, 0.95); border-color: rgba(0, 0, 0, 0.08); color: #4b5563; } [data-theme="light"] .section-badge { background: rgba(154, 117, 24, 0.1); border-color: rgba(154, 117, 24, 0.28); color: #8a6a15; } [data-theme="light"] .article-card { background: #ffffff; border-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .article-card:hover { border-color: rgba(154, 117, 24, 0.35); box-shadow: 0 20px 44px rgba(0, 0, 0, 0.12); } [data-theme="light"] .article-title { color: #1c1a16; } [data-theme="light"] .article-excerpt { color: #4b5563; } [data-theme="light"] .article-more { color: #8a6a15; }