/* ======================================== TRUSTPILOT WIDGET - CSS CODE Add this to your stylesheet or ======================================== */ /* Trustpilot Widget Container */ .trustpilot-widget-container { background-color: #f7f7f7; padding: 12px 20px; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative; z-index: 1000; } /* Widget Inner Container */ .trustpilot-widget { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; } /* Rating Text ("Excellent") */ .trustpilot-rating-text { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-size: 16px; font-weight: 600; color: #191919; margin: 0; line-height: 1.4; } /* Star Container */ .trustpilot-stars { display: inline-flex; align-items: center; gap: 2px; } /* Individual Star */ .trustpilot-star { width: 20px; height: 20px; fill: #00b67a; } /* Reviews Count Link */ .trustpilot-reviews-count { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-size: 14px; color: #191919; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: opacity 0.2s ease; } .trustpilot-reviews-count:hover { opacity: 0.8; } /* Small Trustpilot Logo */ .trustpilot-logo-small { width: 16px; height: 16px; vertical-align: middle; } /* ======================================== MOBILE RESPONSIVE STYLES ======================================== */ /* Tablets and Small Desktops */ @media screen and (max-width: 768px) { .trustpilot-widget-container { padding: 10px 15px; } .trustpilot-widget { gap: 6px; } .trustpilot-rating-text { font-size: 14px; } .trustpilot-star { width: 18px; height: 18px; } .trustpilot-reviews-count { font-size: 13px; } } /* Mobile Phones */ @media screen and (max-width: 480px) { .trustpilot-widget-container { padding: 8px 10px; } .trustpilot-rating-text { font-size: 13px; } .trustpilot-star { width: 16px; height: 16px; } .trustpilot-reviews-count { font-size: 12px; } } /* ======================================== CUSTOMIZATION OPTIONS ======================================== */ /* To customize colors, modify these values: - Widget background: .trustpilot-widget-container { background-color: #f7f7f7; } - Star color: .trustpilot-star { fill: #00b67a; } - Text color: .trustpilot-rating-text { color: #191919; } To match AMOS Lighting style, you might want to use: - background-color: #c9a961; (matches the gold banner in the screenshots) - color: #ffffff; (white text on gold) */