/**
 * QLINIQA directory — real-data presentation additions.
 * Preserves the approved qvd-* foundation in news-home-test.css.
 * @package QliniqaTheme
 */

/* Real featured photographs replace the illustrative card background only
   when editors have supplied a photograph. Otherwise the original branded
   placeholder remains fully visible. */
.qliniqa-visual-directory .qvd-provider-card__visual {
    position: relative;
    overflow: hidden;
}

.qliniqa-visual-directory .qliniqa-live-directory__photo {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

/* The approved demo anchors the white brand tab to the bottom of the
   picture/placeholder. Do not make this element position:relative: that moves
   it back into document flow and leaves it at the top of the visual. */
.qliniqa-visual-directory .qvd-provider-card__tab {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 2;
}

/* The card shape is shared with the approved demo. Only the real-data
   variants need these adjustments for missing descriptions and long tags. */
.qliniqa-visual-directory .qvd-provider-card {
    font-family: var(--qnh-news-font, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif);
}

.qliniqa-visual-directory .qvd-provider-card__description {
    min-height: 0;
}

.qliniqa-visual-directory .qvd-provider-card__body > .qvd-tag-list {
    min-height: 0;
    flex-wrap: wrap;
    margin-block-start: auto;
    padding-block-start: 0.75rem;
}

/* Without specialties, the optional location is the first metadata item.
   Maintain the same lower-card alignment without creating empty tags. */
.qliniqa-visual-directory .qvd-provider-card__body > .qvd-provider-card__title + .qvd-provider-card__location,
.qliniqa-visual-directory .qvd-provider-card__body > .qvd-provider-card__description + .qvd-provider-card__location {
    margin-block-start: auto;
    padding-block-start: 0.75rem;
}

.qliniqa-visual-directory .qliniqa-live-directory__empty {
    margin: 1.5rem 0;
    padding: 1.5rem;
    border: 1px solid #d6e0f5;
    border-radius: .5rem;
    color: #153a7d;
    background: #f8fbff;
}

.qliniqa-visual-directory .qliniqa-live-directory__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 2rem auto 0;
}

.qliniqa-visual-directory .qliniqa-live-directory__pagination .page-numbers {
    display: inline-flex;
    min-width: 2.5rem;
    min-height: 2.5rem;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border: 1px solid #c9d8f8;
    border-radius: .375rem;
    color: #0b4bca;
    background: #fff;
    text-decoration: none;
}

.qliniqa-visual-directory .qliniqa-live-directory__pagination .page-numbers.current {
    color: #fff;
    background: #0750d8;
    border-color: #0750d8;
}

.qliniqa-visual-directory .qliniqa-live-directory__pagination a:focus-visible,
.qliniqa-visual-directory .qvd-search :focus-visible {
    outline: 2px solid #0750d8;
    outline-offset: 3px;
}