/* ============================================================
   LatePoint Trustpilot Widgets + Step Images
   Loaded from a custom plugin instead of the LatePoint template,
   so it survives plugin updates.
   ============================================================ */

/* Fade in on load using opacity (safer than visibility).
   Fallback: force visible after 3s if the "loaded" class never lands
   (e.g. Trustpilot script blocked/slow). */
.trustpilot-widget {
    opacity: 0;
    transition: opacity 0.3s ease;
    animation: lp-tp-fallback-show 0s 3s forwards;
}

.trustpilot-widget.tp-widget-loaded {
    opacity: 1;
    animation: none;
}

@keyframes lp-tp-fallback-show {
    to { opacity: 1; }
}

/* Side panel widget/image container */
#lp-trust-widget-container {
    margin-top: 20px;
    transition: opacity 0.3s ease-in-out;
}

/* Mobile Trustpilot stars — hidden on desktop by default */
#lp-mobile-trustpilot {
    display: none;
}

@media (max-width: 768px) {
    #lp-mobile-trustpilot {
        display: block;
        padding: 8px 16px;
        border-bottom: 1px solid #f0f0f0;
        background: #fff;
    }
}