/** * ============================================================ * Choice Easy Furniture — Light Theme (White · Light Grey · Green Accents) * White backgrounds, light grey surfaces, green used sparingly * as the primary accent colour only. * * HOW TO APPLY: * Add this ONE line to the of every .html file: * * ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap'); :root { /* ── REMAP ORIGINAL VARIABLES → new light theme ── The HTML files use var(--gold), var(--bg) etc internally. These lines map them to the new light palette so everything renders correctly. */ --gold: #2d6a33; --gold2: #3f8a47; --gold-dim: #1a3a1e; --bg: #ffffff; --bg2: #f8f9fa; --bg3: #f3f4f6; --bg4: #e5e7eb; --cream: #1f2937; --cream2: #374151; --text: #374151; --text2: #6b7280; --text3: #9ca3af; --brand-primary: #2d6a33; --brand-primary2: #3f8a47; --brand-primary-dim: #1a3a1e; --brand-bg: #ffffff; --brand-bg2: #f8f9fa; --brand-bg3: #f3f4f6; --brand-bg4: #e5e7eb; --brand-cream: #1f2937; --brand-cream2: #374151; --brand-text: #374151; --brand-text2: #6b7280; --brand-text3: #9ca3af; --border: rgba(0,0,0,0.11); --border2: rgba(0,0,0,0.06); --green: #16a34a; --red: #dc2626; --blue: #2563eb; --orange: #d97706; --font-d: 'Cormorant Garamond', serif; --font-b: 'DM Sans'; --am: #d97706; --am-bg: #fffbeb; --font-h: 'Cormorant Garamond', Georgia, serif; --font-mono: 'Courier New', 'Consolas', monospace, sans-serif; } /* BASE */ body { background: #ffffff !important; color: #374151 !important; } ::-webkit-scrollbar-track { background: #f3f4f6 !important; } ::-webkit-scrollbar-thumb { background: #d1d5db !important; } ::selection { background: rgba(45,106,51,0.15); color: #1a3a1e; } /* NAV */ nav { background: rgba(255,255,255,0.97) !important; border-bottom: 1px solid #e5e7eb !important; } .nav-logo, a.nav-logo { color: #1f2937 !important; } .nav-logo span { color: #2d6a33 !important; } .nav-links a { color: #6b7280 !important; } .nav-links a:hover, .nav-cart:hover { color: #2d6a33 !important; } .nav-cart { color: #6b7280 !important; } .cart-badge { background: #2d6a33 !important; color: #fff !important; } /* BUTTONS */ .btn-primary, .btn.p, .btn-nav.fill, .viz-generate-btn, .place-order-btn, .cookie-btn.accept { background: #2d6a33 !important; border-color: #2d6a33 !important; color: #fff !important; } .btn-primary:hover, .btn.p:hover, .viz-generate-btn:hover { background: #3f8a47 !important; } .btn-outline, .btn-nav { border-color: #d1d5db !important; color: #374151 !important; background: transparent !important; } .btn-outline:hover, .btn-nav:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } .btn { border-color: #e5e7eb !important; color: #6b7280 !important; } .btn:hover { background: #2d6a33 !important; color: #fff !important; border-color: #2d6a33 !important; } .btn.d { border-color: #dc2626 !important; color: #dc2626 !important; } .btn.d:hover { background: #dc2626 !important; color: #fff !important; } .btn.s { border-color: #16a34a !important; color: #16a34a !important; } .btn.s:hover { background: #16a34a !important; color: #fff !important; } /* HERO */ .hero { background: #fff !important; } .hero::before { background: radial-gradient(ellipse at 65% 50%, rgba(45,106,51,0.04) 0%, transparent 65%) !important; } .hero-eyebrow, .hero-eyebrow::before { color: #2d6a33 !important; background: #2d6a33; } h1.hero-title { color: #1f2937 !important; } h1.hero-title em { color: #2d6a33 !important; } .hero-sub { color: #6b7280 !important; } .hero-visual { background: #f3f4f6 !important; border-left-color: #e5e7eb !important; } .hero-stat-bar { background: #1a3a1e !important; } .hero-stat-num { color: #a8d8ad !important; } .hero-stat-label { color: rgba(255,255,255,0.45) !important; } .hero-stat { border-right-color: rgba(255,255,255,0.1) !important; } /* SECTIONS */ section { background: #fff !important; } #packages, #shop, #contact { background: #f8f9fa !important; } #builder, .section-alt { background: #f3f4f6 !important; } .section-label { color: #2d6a33 !important; } .section-label::before { background: #2d6a33 !important; } h2.section-title { color: #1f2937 !important; } h2.section-title em { color: #2d6a33 !important; } .section-sub { color: #6b7280 !important; } /* ANN BAR */ .ann-bar { background: #2d6a33 !important; color: #fff !important; } /* PACKAGES */ .pkg-card { background: #fff !important; border-color: #e5e7eb !important; } .pkg-card:hover { background: #f8f9fa !important; border-color: #2d6a33 !important; } .pkg-style-tag { color: #2d6a33 !important; } .pkg-name { color: #1f2937 !important; } .pkg-price { color: #374151 !important; } .pkg-price s { color: #9ca3af !important; } .pkg-btn { border-color: #d1d5db !important; color: #374151 !important; } .pkg-btn.fill, .pkg-btn:hover { background: #2d6a33 !important; border-color: #2d6a33 !important; color: #fff !important; } .pkg-filter { border-color: #e5e7eb !important; color: #9ca3af !important; } .pkg-filter.active, .pkg-filter:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; background: #e8f5e9 !important; } /* PRODUCTS */ .prod-card { background: #fff !important; } .prod-card:hover { background: #f8f9fa !important; } .prod-img { background: #f3f4f6 !important; } .prod-name { color: #1f2937 !important; } .prod-cat, .prod-materials { color: #9ca3af !important; } .prod-price { color: #2d6a33 !important; } .prod-price s { color: #9ca3af !important; } .prod-add { border-color: #d1d5db !important; color: #6b7280 !important; } .prod-add:hover { background: #2d6a33 !important; border-color: #2d6a33 !important; color: #fff !important; } .prod-badge { background: #2d6a33 !important; color: #fff !important; } .cat-pill { border-color: #e5e7eb !important; color: #9ca3af !important; } .cat-pill.active, .cat-pill:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } .prod-visualize-btn { background: rgba(255,255,255,0.92) !important; border-color: #d1d5db !important; color: #2d6a33 !important; } /* BUILDER */ .builder-step { background: #fff !important; border-color: #e5e7eb !important; } .step-num { border-color: #d1d5db !important; color: #2d6a33 !important; } .step-title { color: #6b7280 !important; } .step-opt { border-color: #e5e7eb !important; color: #374151 !important; } .step-opt.selected { border-color: #2d6a33 !important; color: #2d6a33 !important; background: #e8f5e9 !important; } .item-toggle { border-color: #e5e7eb !important; color: #374151 !important; background: #fff !important; } .item-toggle.included { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .toggle-check { border-color: #d1d5db !important; } .item-toggle.included .toggle-check { background: #2d6a33 !important; border-color: #2d6a33 !important; color: #fff !important; } .item-price-tag { color: #2d6a33 !important; } .builder-summary { background: #fff !important; border-color: #e5e7eb !important; } .summary-title { color: #1f2937 !important; border-bottom-color: #e5e7eb !important; } .summary-item-name { color: #6b7280 !important; } .summary-total-price { color: #2d6a33 !important; } .summary-includes { color: #9ca3af !important; } .summary-divider { background: #e5e7eb !important; } /* SERVICES */ .service-card { border-color: #e5e7eb !important; background: #fff !important; } .service-card::before { background: #2d6a33 !important; } .service-name { color: #1f2937 !important; } .service-desc { color: #6b7280 !important; } .service-link { color: #2d6a33 !important; border-color: #d1d5db !important; } /* ABOUT */ .about-content { background: #f8f9fa !important; } .about-quote { color: #374151 !important; border-left-color: #2d6a33 !important; } .about-text { color: #6b7280 !important; } .about-stat-num { color: #2d6a33 !important; } .about-stat-label { color: #9ca3af !important; } /* FAQ */ .faq-item { border-color: #e5e7eb !important; } .faq-item:hover { border-color: #d1d5db !important; } .faq-q-text { color: #1f2937 !important; } .faq-toggle { color: #2d6a33 !important; } .faq-a { color: #6b7280 !important; } /* FORMS */ .form-group input, .form-group select, .form-group textarea, .f input, .f select, .f textarea { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #1f2937 !important; } .form-group input:focus, .f input:focus, .form-group select:focus, .f select:focus, .form-group textarea:focus, .f textarea:focus { border-color: #2d6a33 !important; } .form-group label, .f label { color: #9ca3af !important; } .form-group select option, .f select option { background: #f3f4f6 !important; color: #1f2937 !important; } /* CONTACT */ .contact-icon { color: #2d6a33 !important; } .contact-point-label { color: #9ca3af !important; } .contact-point-val { color: #374151 !important; } /* CART */ .cart-panel { background: #fff !important; border-left-color: #e5e7eb !important; } .cart-overlay { background: rgba(31,41,55,0.4) !important; } .cart-head { border-bottom-color: #e5e7eb !important; } .cart-head-title { color: #1f2937 !important; } .cart-item { border-color: #e5e7eb !important; } .cart-item-img { background: #f3f4f6 !important; } .cart-item-name { color: #1f2937 !important; } .cart-item-sub, .cart-empty { color: #9ca3af !important; } .cart-item-price { color: #2d6a33 !important; } .cart-footer { border-top-color: #e5e7eb !important; } .cart-total-label { color: #9ca3af !important; } .cart-total-num { color: #2d6a33 !important; } /* CHAT WIDGET */ .chat-launcher { background: #2d6a33 !important; box-shadow: 0 4px 20px rgba(45,106,51,0.3) !important; } .chat-launcher:hover { background: #3f8a47 !important; } .chat-box { background: #fff !important; border-color: #e5e7eb !important; box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important; } .chat-header { background: #f8f9fa !important; border-bottom-color: #e5e7eb !important; } .chat-header-avatar { background: #2d6a33 !important; color: #fff !important; } .chat-header-name { color: #1f2937 !important; } .chat-header-status { color: #16a34a !important; } .chat-tab { color: #9ca3af !important; } .chat-tab.active { color: #2d6a33 !important; border-bottom-color: #2d6a33 !important; } .chat-tabs { border-bottom-color: #e5e7eb !important; } .chat-messages { background: #fff !important; } .chat-msg.bot .chat-bubble, .chat-msg.agent .chat-bubble { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #374151 !important; } .chat-msg.user .chat-bubble { background: #2d6a33 !important; color: #fff !important; } .chat-input-row { border-top-color: #e5e7eb !important; } .chat-input { background: #f8f9fa !important; color: #1f2937 !important; } .chat-send { background: #2d6a33 !important; color: #fff !important; } .chat-send:hover { background: #3f8a47 !important; } .chat-qbtn { border-color: #e5e7eb !important; color: #6b7280 !important; } .chat-qbtn:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } /* AI VISUALIZER */ #visualizer { background: #f8f9fa !important; } .viz-upload-zone { border-color: #d1d5db !important; background: #fff !important; } .viz-upload-zone:hover, .viz-upload-zone.drag { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .viz-upload-label { color: #6b7280 !important; } .viz-upload-sub { color: #9ca3af !important; } .viz-room-preview { background: #f3f4f6 !important; border-color: #e5e7eb !important; } .viz-style-opt { border-color: #e5e7eb !important; color: #6b7280 !important; } .viz-style-opt.selected, .viz-style-opt:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; background: #e8f5e9 !important; } .viz-furn-item { border-color: #e5e7eb !important; } .viz-furn-item.active, .viz-furn-item:hover { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .viz-furn-label { color: #374151 !important; } .viz-furn-price { color: #2d6a33 !important; } .viz-mode-tabs { border-color: #e5e7eb !important; } .viz-tab { color: #9ca3af !important; background: transparent !important; } .viz-tab.active { background: #2d6a33 !important; color: #fff !important; } .viz-section-label { color: #9ca3af !important; } .map-instructions { color: #2d6a33 !important; background: #e8f5e9 !important; border-left-color: #2d6a33 !important; } /* FOOTER */ footer { background: #1f2937 !important; border-top-color: rgba(255,255,255,0.08) !important; } .footer-brand-name { color: rgba(255,255,255,0.85) !important; } .footer-brand-name span { color: #5aaa62 !important; } .footer-tagline, .footer-copy, .footer-bottom { color: rgba(255,255,255,0.35) !important; } .footer-col-title { color: #5aaa62 !important; } .footer-links a { color: rgba(255,255,255,0.4) !important; } .footer-links a:hover { color: rgba(255,255,255,0.75) !important; } .footer-bottom { border-top-color: rgba(255,255,255,0.08) !important; } .social-btn { border-color: rgba(255,255,255,0.15) !important; color: rgba(255,255,255,0.4) !important; } .social-btn:hover { border-color: #5aaa62 !important; color: #5aaa62 !important; } /* CHECKOUT */ .card { background: #fff !important; border-color: #e5e7eb !important; } .card-title-text, .card-title { color: #1f2937 !important; border-bottom-color: #e5e7eb !important; } .card-title-icon { background: #e8f5e9 !important; border-color: #d1d5db !important; color: #2d6a33 !important; } .steps-bar { background: #f8f9fa !important; border-bottom-color: #e5e7eb !important; } .step-item { color: #9ca3af !important; } .step-item.active { color: #2d6a33 !important; } .step-item.active .step-num { background: #2d6a33 !important; border-color: #2d6a33 !important; color: #fff !important; } .step-item.done .step-num { background: #16a34a !important; border-color: #16a34a !important; } .step-sep { background: #e5e7eb !important; } .date-opt { border-color: #e5e7eb !important; } .date-opt.selected, .date-opt:hover { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .do-day { color: #9ca3af !important; } .do-date { color: #1f2937 !important; } .timeslot { border-color: #e5e7eb !important; color: #6b7280 !important; } .timeslot.selected, .timeslot:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } .pay-method { border-color: #e5e7eb !important; } .pay-method.selected { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .pay-method-name { color: #1f2937 !important; } .pay-method-desc { color: #9ca3af !important; } .pay-method-badge { background: #e8f5e9 !important; color: #2d6a33 !important; } .install-opt { border-color: #e5e7eb !important; } .install-opt.selected, .install-opt:hover { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .install-months { color: #2d6a33 !important; } .summary-card { background: #fff !important; border-color: #e5e7eb !important; } .si-img { background: #f3f4f6 !important; border-color: #e5e7eb !important; } .si-name { color: #1f2937 !important; } .si-sub, .si-qty { color: #9ca3af !important; } .si-price { color: #2d6a33 !important; } .sum-divider { background: #e5e7eb !important; } .sum-row-label { color: #6b7280 !important; } .sum-row.total .sum-row-val { color: #2d6a33 !important; } .sum-delivery-note { color: #16a34a !important; } .coupon-row input { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #1f2937 !important; } .coupon-row button { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #6b7280 !important; } .coupon-row button:hover { background: #2d6a33 !important; color: #fff !important; } /* SUCCESS SCREEN */ .success-screen { background: #fff !important; } .success-title { color: #1f2937 !important; } .success-title em { color: #2d6a33 !important; } .success-order-id { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #2d6a33 !important; } .success-details { background: #f8f9fa !important; border-color: #e5e7eb !important; } .success-detail-label { color: #9ca3af !important; } .success-detail-val { color: #374151 !important; } /* ADMIN */ .sidebar { background: #f8f9fa !important; border-right-color: #e5e7eb !important; } .sb-logo { border-bottom-color: #e5e7eb !important; } .sb-logo-t { color: #1f2937 !important; } .sb-logo-t span { color: #2d6a33 !important; } .sb-logo-s { color: #9ca3af !important; } .sb-sec { border-bottom-color: #e5e7eb !important; } .sb-lbl { color: #9ca3af !important; } .ni { color: #6b7280 !important; } .ni:hover { color: #374151 !important; background: rgba(0,0,0,0.03) !important; } .ni.active { color: #2d6a33 !important; background: #e8f5e9 !important; } .ni.active::before { background: #2d6a33 !important; } .nbadge { background: #2d6a33 !important; color: #fff !important; } .nbadge.r { background: #dc2626 !important; } .adm-av { background: #e8f5e9 !important; color: #2d6a33 !important; } .adm-name { color: #1f2937 !important; } .sb-foot { border-top-color: #e5e7eb !important; } .topbar { background: #fff !important; border-bottom-color: #e5e7eb !important; } .tb-title { color: #1f2937 !important; } .srch { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #1f2937 !important; } .srch:focus { border-color: #2d6a33 !important; } .content { background: #f3f4f6 !important; } .scard { background: #fff !important; border-color: #e5e7eb !important; } .sc-lbl { color: #9ca3af !important; } .sc-num { color: #2d6a33 !important; } .tw { background: #fff !important; border-color: #e5e7eb !important; } thead th { background: #f3f4f6 !important; color: #9ca3af !important; border-bottom-color: #e5e7eb !important; } tbody tr:hover { background: rgba(45,106,51,0.03) !important; } tbody td { color: #6b7280 !important; border-bottom-color: #e5e7eb !important; } .tdn { color: #1f2937 !important; } .tdp { color: #2d6a33 !important; } .badge.active { background: #e8f5e9 !important; color: #2d6a33 !important; } .badge.draft { background: #f3f4f6 !important; color: #9ca3af !important; } .badge.pending { background: #fffbeb !important; color: #d97706 !important; } .badge.delivery { background: #eff6ff !important; color: #2563eb !important; } .badge.completed { background: #e8f5e9 !important; color: #16a34a !important; } .badge.cancelled { background: #fef2f2 !important; color: #dc2626 !important; } .badge.sale { background: #e8f5e9 !important; color: #2d6a33 !important; } .badge.new { background: #fffbeb !important; color: #d97706 !important; } .badge.vip { background: #e8f5e9 !important; color: #2d6a33 !important; } .card-title { color: #2d6a33 !important; border-bottom-color: #e5e7eb !important; } .modal, .mhead { background: #fff !important; border-color: #e5e7eb !important; } .mtitle { color: #1f2937 !important; } .mfoot { border-top-color: #e5e7eb !important; } .ab { border-color: #e5e7eb !important; color: #6b7280 !important; } .ab:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } .ab.del:hover { border-color: #dc2626 !important; color: #dc2626 !important; } .fp { border-color: #e5e7eb !important; color: #9ca3af !important; } .fp.active, .fp:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } .sortsel { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #374151 !important; } .tab { color: #9ca3af !important; border-right-color: #e5e7eb !important; } .tab.active { background: #2d6a33 !important; color: #fff !important; } .upz { border-color: #d1d5db !important; background: #f3f4f6 !important; } .upz:hover, .upz.drag { border-color: #2d6a33 !important; background: #e8f5e9 !important; } .upz-lbl, .upz-sub { color: #6b7280 !important; } .prog-wrap { background: #e5e7eb !important; } .prog-bar, .inv-fill.ok { background: #2d6a33 !important; } .log-box { background: #1f2937 !important; border-color: #374151 !important; } .cpcard { background: #f8f9fa !important; border-color: #e5e7eb !important; } .cpcard-title { color: #2d6a33 !important; } .cprow { border-bottom-color: #e5e7eb !important; } .cprow-lbl { color: #9ca3af !important; } .cprow-val { color: #374151 !important; } .mcard.sel { border-color: #2d6a33 !important; } .mchk { background: #2d6a33 !important; } /* SELLER */ .sb-store-status.active { color: #16a34a !important; } .sb-plan strong { color: #2d6a33 !important; } .ob-logo span { color: #2d6a33 !important; } .ob-step.active { color: #2d6a33 !important; border-bottom-color: #2d6a33 !important; } .ob-title em { color: #2d6a33 !important; } .pending-banner { background: #fffbeb !important; border-color: #fcd34d !important; } .pending-banner p { color: #d97706 !important; } .cwin-head { background: #f8f9fa !important; border-bottom-color: #e5e7eb !important; } .cconv-list { border-right-color: #e5e7eb !important; } .cconv-item:hover, .cconv-item.active { background: #e8f5e9 !important; } .cconv-name { color: #1f2937 !important; } .cmsg.agt .cbubble { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #374151 !important; } .cmsg.usr .cbubble { background: #e5e7eb !important; color: #1f2937 !important; } .cmsg.rep .cbubble { background: #e8f5e9 !important; border-color: #a8d8ad !important; color: #2d6a33 !important; } .cwin-inp { border-top-color: #e5e7eb !important; } .cwin-inp input { background: #f8f9fa !important; color: #1f2937 !important; } .cwin-inp button { background: #2d6a33 !important; color: #fff !important; } .inv-track { background: #e5e7eb !important; } /* LEGAL */ .page-hero { background: #f8f9fa !important; border-bottom-color: #e5e7eb !important; } .page-label, .toc-title, .section-block h3 { color: #2d6a33 !important; } .page-title { color: #1f2937 !important; } .page-title em { color: #2d6a33 !important; } .page-sub, .toc-links a { color: #6b7280 !important; } .toc { background: #f8f9fa !important; border-color: #e5e7eb !important; } .toc-links a:hover { color: #2d6a33 !important; } .section-block h2 { color: #1f2937 !important; border-bottom-color: #e5e7eb !important; } .section-block p, .section-block li { color: #6b7280 !important; } .info-table td { color: #374151 !important; border-bottom-color: #e5e7eb !important; } .info-table td:first-child { color: #9ca3af !important; } .cookie-banner { background: #fff !important; border-top-color: #e5e7eb !important; } .cookie-text { color: #6b7280 !important; } .cookie-btn { border-color: #e5e7eb !important; color: #6b7280 !important; } /* TOOLS HUB */ .tool-card { background: #fff !important; border-color: #e5e7eb !important; } .tool-card::before { background: #2d6a33 !important; } .tool-number { color: rgba(45,106,51,0.08) !important; } .tool-name { color: #1f2937 !important; } .tool-name em { color: #2d6a33 !important; } .tool-desc { color: #6b7280 !important; } .tool-feature { color: #9ca3af !important; } .tool-feature::before { color: #2d6a33 !important; } .tool-cta { color: #2d6a33 !important; border-bottom-color: #d1d5db !important; } /* 404 */ .bg-num { color: rgba(0,0,0,0.04) !important; } .eyebrow { color: #2d6a33 !important; } .eyebrow::before, .eyebrow::after { background: #2d6a33 !important; } h1 em { color: #2d6a33 !important; } /* SKELETON */ .skeleton { background: linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) !important; background-size: 200% 100% !important; } /* TOAST */ .toast { background: #fff !important; border-color: #e5e7eb !important; color: #374151 !important; box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important; } .toast.info .ti { color: #2d6a33 !important; } .toast.success .ti { color: #16a34a !important; } .toast.error .ti { color: #dc2626 !important; } /* SEARCH */ #searchPanel { background: rgba(255,255,255,0.98) !important; border-bottom-color: #e5e7eb !important; } #searchInput { color: #1f2937 !important; } .search-result-item:hover { background: #e8f5e9 !important; } .search-result-name { color: #1f2937 !important; } .search-result-price { color: #2d6a33 !important; } .search-filter-btn.active, .search-filter-btn:hover { border-color: #2d6a33 !important; color: #2d6a33 !important; } /* MOBILE DRAWER */ #mobileDrawer { background: #fff !important; border-right-color: #e5e7eb !important; } /* LOGO — uses your uploaded logo.jpg */ .nav-logo::before { content: ''; display: inline-block; width: 32px; height: 32px; background-image: url("logo.jpg"); background-size: cover; background-repeat: no-repeat; border-radius: 7px; vertical-align: middle; margin-right: 8px; } /* ── Focus visible (WCAG 2.1) ── */ :focus-visible { outline: 2px solid var(--brand-primary, #2d6a33); outline-offset: 2px; } button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--brand-primary, #2d6a33); outline-offset: 2px; border-radius: 2px; }