/* Decorative placeholders shown only while the search index is loading. */
.search-results .search-skeleton-row {
    padding: 18px 0;
    border-bottom: 1px solid var(--color-elements-one);
}

.search-results .search-skeleton-line {
    position: relative;
    display: block;
    overflow: hidden;
    height: 14px;
    max-width: 100%;
    margin-block-end: 10px;
    border-radius: 4px;
    background: #edf0f3;
}

.search-results .search-skeleton-line::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .65), transparent);
    transform: translateX(-100%);
    animation: search-skeleton-shimmer 1.6s ease-in-out infinite;
}

.search-results .search-skeleton-category { width: 24%; height: 11px; }
.search-results .search-skeleton-title { width: 66%; height: 22px; margin-block-end: 13px; }
.search-results .search-skeleton-text { width: 94%; }
.search-results .search-skeleton-short { width: 76%; margin-block-end: 0; }
.search-results .search-skeleton-row:nth-child(2) .search-skeleton-title { width: 54%; }
.search-results .search-skeleton-row:nth-child(3) .search-skeleton-title { width: 72%; }

html[dir="rtl"] .search-results .search-skeleton-line::after {
    animation-direction: reverse;
}

@keyframes search-skeleton-shimmer {
    to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
    .search-results .search-skeleton-line::after { animation: none; display: none; }
}