/* Judgments search result cards.
   Extends the existing CourtsV2 .courts-cards and .card-meta-data styling.
   Scoped to #judgments-list so Details and other pages are unaffected. */

#judgments-list .judgment-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin-top: 12px;
    line-height: 1.6;
}

#judgments-list .judgment-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 24px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e2e6ea;
}

#judgments-list .judgment-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #003657;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#judgments-list .judgment-action .icon {
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

#judgments-list .judgment-action:hover,
#judgments-list .judgment-action:focus-visible {
    color: #005a8c;
    text-decoration: underline;
}
    /* Remove underline from the entire action link */
    #judgments-list .judgment-action,
    #judgments-list .judgment-action:hover,
    #judgments-list .judgment-action:focus {
        text-decoration: none;
    }

/* Underline only the link text, not the icon */
#judgments-list .judgment-action__label {
    text-decoration: underline;
    text-underline-offset: 2px;
}
/* Card heading: a Bootstrap row with the title (h3, styled exactly like the CourtsV2
   .card-title it wraps) and the publication type tag. Long titles wrap in their column. */
#judgments-list .judgment-card-title {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

#judgments-list .judgment-card-title .card-title {
    overflow-wrap: break-word;
}

/* Below 480px a col-xs-4 is narrower than the "Determination" tag, which would spill out of
   the card: stack the heading there (title, then the tag on its own line). */
@media (max-width: 479px) {
    #judgments-list .judgment-card-heading > [class*="col-"] {
        float: none;
        width: auto;
    }

    #judgments-list .judgment-card-heading > .text-right {
        margin-top: 8px;
        text-align: left;
    }
}

/* Publication type tag (after the title in the DOM: read as "title, Judgment"). One neutral
   style for both types: the text names the type. #003657 on #eef3f8 is above 10:1. */
#judgments-list .judgment-card-type {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #d8dde3;
    border-radius: 12px;
    background: #eef3f8;
    color: #003657;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    white-space: normal;
    cursor: default;
}