/* ============================================================ AUTOMART V43.10.1 MARKET PRICE ANALYSIS — GRAPH VISUAL REPAIR Fixes: - collapsed SVG - tiny graph - invisible points - weak current-car marker - desktop width - mobile horizontal swipe ============================================================ */ /* ============================================================ DESKTOP ============================================================ */ @media screen and (min-width:1024px) { .am-v439-price-history__chart-card { padding: 18px 18px 15px !important; overflow:hidden !important; } /* * Critical fix: * override any global SVG sizing authority. */ .am-v439-price-history__chart-scroll { display:block !important; width:100% !important; min-width:0 !important; min-height:300px !important; margin: 8px 0 0 !important; padding: 0 !important; overflow-x:hidden !important; overflow-y:visible !important; } .am-v439-price-history__chart-scroll > svg.am-v439-price-history__chart { display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:300px !important; min-height:300px !important; max-height:300px !important; margin:0 !important; overflow:visible !important; transform:none !important; } /* ======================================================== GRAPH GRID ======================================================== */ .am-v439-price-history .am-v439-chart-grid { stroke:#dce7e1 !important; stroke-width:1.15 !important; stroke-dasharray: 5 6 !important; } .am-v439-price-history .am-v439-chart-y-label { fill:#6f7f91 !important; font-size:10px !important; font-weight:750 !important; } /* ======================================================== PRICE TREND LINE ======================================================== */ .am-v439-price-history .am-v439-chart-line-shadow { stroke: rgba(9,151,84,.13) !important; stroke-width:11 !important; } .am-v439-price-history .am-v439-chart-line { stroke:#079754 !important; stroke-width:3.5 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } /* ======================================================== COMPARABLE POINTS ======================================================== */ .am-v439-price-history .am-v439-chart-point-dot { fill:#fff !important; stroke:#779286 !important; stroke-width:3 !important; filter: drop-shadow( 0 2px 3px rgba(14,43,29,.10) ); } .am-v439-price-history .am-v439-chart-point:hover .am-v439-chart-point-dot, .am-v439-price-history .am-v439-chart-point.is-selected .am-v439-chart-point-dot { fill:#eaf8f1 !important; stroke:#079754 !important; stroke-width:3.5 !important; } /* ======================================================== CURRENT VEHICLE — STRONG MARKER ======================================================== */ .am-v439-price-history .am-v439-chart-point.is-current .am-v439-chart-current-halo { fill: rgba(6,166,91,.15) !important; stroke: rgba(6,166,91,.32) !important; stroke-width:1.5 !important; } .am-v439-price-history .am-v439-chart-point.is-current .am-v439-chart-point-dot { fill:#08a35c !important; stroke:#fff !important; stroke-width:3.5 !important; filter: drop-shadow( 0 3px 7px rgba(7,151,84,.28) ); } .am-v439-price-history .am-v439-chart-current-core { fill:#fff !important; } /* ======================================================== PRICE LABELS ======================================================== */ .am-v439-price-history .am-v439-chart-price-label { fill:#536276 !important; font-size:10.5px !important; font-weight:800 !important; } .am-v439-price-history .am-v439-chart-point.is-current .am-v439-chart-price-label { fill:#07864d !important; font-size:11.5px !important; font-weight:900 !important; } .am-v439-price-history .am-v439-chart-rank { fill:#81908e !important; font-size:9px !important; font-weight:750 !important; } .am-v439-price-history .am-v439-chart-edge-label { fill:#637386 !important; font-size:9px !important; font-weight:750 !important; } /* ======================================================== CHART HEADER ======================================================== */ .am-v439-price-history__chart-head { margin-bottom:0 !important; } .am-v439-price-history__chart-head strong { font-size:13px !important; color:#142132 !important; } .am-v439-price-history__chart-head small { font-size:10px !important; } /* ======================================================== SELECTED VEHICLE BELOW GRAPH ======================================================== */ .am-v439-price-history__selected { margin-top: 7px !important; padding: 11px 12px !important; border-color: #dbe7e1 !important; } } /* ============================================================ TABLET + MOBILE GRAPH Maintain horizontal swipe. ============================================================ */ @media screen and (max-width:1023px) { .am-v439-price-history__chart-scroll { display:block !important; width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } .am-v439-price-history__chart-scroll > svg.am-v439-price-history__chart { display:block !important; width:760px !important; min-width:760px !important; max-width:none !important; height:285px !important; min-height:285px !important; margin:0 !important; transform:none !important; } .am-v439-chart-line { stroke-width: 3 !important; } .am-v439-chart-price-label { font-size: 10px !important; font-weight: 800 !important; } .am-v439-chart-point.is-current .am-v439-chart-price-label { font-size: 11px !important; } .am-v439-price-history__swipe { display:block !important; margin-top: 3px !important; padding: 4px 0 !important; } } /* ============================================================ PHONE ============================================================ */ @media screen and (max-width:767px) { .am-v439-price-history__chart-scroll > svg.am-v439-price-history__chart { width:720px !important; min-width:720px !important; height:270px !important; min-height:270px !important; } }