/* Google reviews widget (Elfsight), one look everywhere it is embedded: the
   public pages, the course pages and the dashboard. The header plate and
   every review card become white glass with a warm hairline and one soft
   shadow, the cards lift a little on hover, the verify button is a pill.
   The reviews themselves, the avatars, the stars and the Google marks are
   untouched, so the block stays authentic. Elfsight sets inline styles, so
   every override needs !important. Loaded by front/app.blade.php and
   layouts/vertical.blade.php. */

[class*="elfsight-app-"] .es-header-container {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(180, 83, 9, 0.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 26px 50px -32px rgba(180, 83, 9, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

[class*="elfsight-app-"] .es-review-background-container {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(180, 83, 9, 0.14) !important;
    border-radius: 22px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 24px 46px -32px rgba(180, 83, 9, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[class*="elfsight-app-"] .es-review-container:hover .es-review-background-container {
    transform: translateY(-3px);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.05), 0 30px 56px -30px rgba(180, 83, 9, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

[class*="elfsight-app-"] .es-review-author-name {
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

[class*="elfsight-app-"] .es-header-write-review-button,
[class*="elfsight-app-"] .es-header-write-review-button .es-button-base-overlay {
    border-radius: 999px !important;
}

[class*="elfsight-app-"] .es-header-write-review-button {
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[class*="elfsight-app-"] .es-header-write-review-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -16px rgba(37, 99, 235, 0.55) !important;
}

/* "Read more" opens the review in place (js/views/reviews-widget.js): the
   clamp is lifted and the card grows, no popup */
[class*="elfsight-app-"] .es-text-shortener-container.rw-expanded .es-text-shortener {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    max-height: none !important;
    overflow: visible !important;
}

[class*="elfsight-app-"] .es-text-shortener-control {
    cursor: pointer;
    font-weight: 700 !important;
    outline: 0;
}

[class*="elfsight-app-"] .es-text-shortener-control:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    [class*="elfsight-app-"] .es-review-container:hover .es-review-background-container,
    [class*="elfsight-app-"] .es-header-write-review-button:hover {
        transform: none;
    }
}