/**
 * User CSS — customizations for rekord_modern template
 * @package rekord_modern
 */

/* Vimeo Deep-Link Badge */
.vimeo-deeplink-badge {
    background: linear-gradient(135deg, #1a73e8 0%, #0d5bbd 100%);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.3);
    animation: vimeo-badge-fadein 0.4s ease-out;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vimeo-deeplink-badge strong {
    font-weight: 700;
}

@keyframes vimeo-badge-fadein {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Dark mode */
[data-theme="dark"] .vimeo-deeplink-badge {
    background: linear-gradient(135deg, #4da6ff 0%, #1a73e8 100%);
    box-shadow: 0 2px 8px rgba(77, 166, 255, 0.25);
}