:root { --deyuan-navy: #0A1F44; --deyuan-white: #FFFFFF; --deyuan-gold: #D4AF37; --deyuan-gray: #F5F6F8; } /* Headings/body fonts: load Montserrat + Inter from Google Fonts in your theme, or via wp_enqueue_style in your child theme for full control. */ .deyuan-rfq-wrap, .deyuan-catalog, .deyuan-team-grid, .deyuan-case-grid, .deyuan-counters { font-family: 'Inter', sans-serif; color: var(--deyuan-navy); } .deyuan-rfq-wrap h3, .deyuan-product-card h3, .deyuan-team-card h3, .deyuan-case-card h3 { font-family: 'Montserrat', sans-serif; } /* RFQ form */ .deyuan-warning-banner { background: #fff8e6; border-left: 4px solid var(--deyuan-gold); padding: 12px 16px; margin-bottom: 16px; border-radius: 4px; font-size: 0.95em; } .deyuan-rfq-form input, .deyuan-rfq-form textarea { display: block; width: 100%; margin-bottom: 12px; padding: 10px 14px; border: 1px solid #ddd; border-radius: 6px; background: var(--deyuan-gray); } .deyuan-rfq-form button { background: var(--deyuan-navy); color: #fff; padding: 10px 24px; border: none; border-radius: 6px; cursor: pointer; margin-right: 8px; } .deyuan-rfq-form button.deyuan-submit { background: var(--deyuan-gold); color: var(--deyuan-navy); } .deyuan-rfq-success { background: #e7f6ec; border-left: 4px solid #2e7d32; padding: 14px; border-radius: 4px; margin-top: 16px; } /* Catalog */ .deyuan-catalog { display: flex; gap: 30px; align-items: flex-start; } .deyuan-sidebar { width: 220px; flex-shrink: 0; } .deyuan-sidebar ul { list-style: none; padding: 0; margin: 0; } .deyuan-sidebar li { margin-bottom: 8px; } .deyuan-sidebar a { color: var(--deyuan-navy); text-decoration: none; } .deyuan-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; flex: 1; } .deyuan-product-card, .deyuan-team-card, .deyuan-case-card { background: #fff; border-radius: 10px; padding: 16px; box-shadow: 0 4px 20px rgba(10,31,68,0.08); text-align: center; } .deyuan-product-card img, .deyuan-team-card img, .deyuan-case-card img { border-radius: 8px; max-width: 100%; margin-bottom: 10px; } .deyuan-btn-gold, .deyuan-btn-navy { display: inline-block; padding: 8px 18px; border-radius: 6px; margin: 6px 4px; text-decoration: none; font-size: 0.9em; } .deyuan-btn-gold { background: var(--deyuan-gold); color: var(--deyuan-navy); } .deyuan-btn-navy { background: var(--deyuan-navy); color: #fff; } /* Team */ .deyuan-team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; } .deyuan-wechat-qr { width: 100px; margin-top: 8px; } /* Case studies */ .deyuan-case-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; } .deyuan-case-country { color: var(--deyuan-gold); font-weight: 600; text-transform: uppercase; font-size: 0.8em; } /* Counters */ .deyuan-counters { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; padding: 40px 0; } .deyuan-counter { text-align: center; } .deyuan-counter-num { font-size: 2.8em; font-weight: 700; color: var(--deyuan-navy); font-family: 'Montserrat', sans-serif; } /* WhatsApp floating button */ .deyuan-whatsapp-fab { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,0.25); z-index: 9999; } /* RTL support (Arabic) — auto-applied when WordPress detects an RTL locale, or when Polylang/WPML sets the attribute. */ html[dir="rtl"] .deyuan-whatsapp-fab { right: auto; left: 24px; } html[dir="rtl"] .deyuan-catalog { direction: rtl; } html[dir="rtl"] .deyuan-warning-banner { border-left: none; border-right: 4px solid var(--deyuan-gold); }