/* ============================================================
   Bullish Vector Search – plugin stylesheet
   Redigera dessa klasser fritt för att anpassa utseendet.
   ============================================================ */

/* ----------------------------------------------------------
   Sökresultatsida (templates/search.php)
   ---------------------------------------------------------- */

.vrp-search-container {
    max-width: 48rem;           /* motsvarar Tailwinds max-w-3xl */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
}

.vrp-search-inner {
    max-width: 36rem;           /* motsvarar Tailwinds max-w-xl */
    margin-left: auto;
    margin-right: auto;
}

.vrp-search-title {
    font-size: 1.5rem;          /* text-2xl */
    margin-bottom: 1.5rem;      /* mb-6 */
}

.vrp-search-result {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 0.875rem;        /* text-sm */
    margin-top: 1rem;           /* my-4 */
    margin-bottom: 1rem;
}

.vrp-search-result-content {
    flex: 1;
}

.vrp-search-result-date {
    color: #94a3b8;             /* text-slate-400 */
    font-size: 0.75rem;         /* text-xs */
}

.vrp-search-result-title {
    border-left: 1px solid #cbd5e1;   /* border-l border-slate-200 */
    font-weight: 600;                  /* font-semibold */
    font-size: 1rem;                   /* text-base */
    padding-bottom: 1rem;             /* pb-4 */
    padding-left: 0.5rem;             /* pl-2 */
}

.vrp-search-result-title a {
    text-decoration: none;
    color: inherit;
}

.vrp-search-result-title a:hover {
    text-decoration: underline;
}

.vrp-search-meta {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-bottom: 1rem;
}

.vrp-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    font-size: 0.875rem;
}

.vrp-pagination-link {
    color: #0284c7;
    text-decoration: none;
}

.vrp-pagination-link:hover {
    text-decoration: underline;
}

.vrp-pagination-info {
    color: #94a3b8;
    font-size: 0.75rem;
}

.vrp-search-footer {
    max-width: 36rem;           /* motsvarar Tailwinds max-w-2xl */
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.65rem;
    color: #4b5563;
}

/* ----------------------------------------------------------
   Relaterade artiklar (related-posts-display.php)
   ---------------------------------------------------------- */

.vrp-related-heading {
    color: #4b5563;             /* text-gray-600 */
    padding-top: 1rem;          /* py-4 */
    margin-bottom: 1rem;        /* mb-4 */
    font-size: 1rem;
    font-weight: 600;
}

.vrp-related-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vrp-related-list li {
    margin-bottom: 0;
}

/* ----------------------------------------------------------
   Enskild relaterad artikel (templates/related-post.php)
   ---------------------------------------------------------- */

.vrp-related-link {
    color: #0284c7;             /* text-sky-600 */
    text-decoration: none;
    font-size: 1rem;        /* text-sm */
}

.vrp-related-link:hover {
    text-decoration: underline;
}

.vrp-related-score {
    color: #94a3b8;             /* text-slate-400 */
    font-size: 0.75rem;         /* text-xs */
    margin-left: 0.25rem;       /* ml-1 */
}