/** Adoption Facts "table" **/
.adoptionFacts__div {
    font-weight: 700;
}

.adoptionFacts__div span {
    display: block;
}

[class^="adoptionFacts__label"] {
    /* opacity: .75; */
    line-height: 1;
}

[class^="adoptionFacts__label"],
.icon--tags p,
.icon--share p {
    display: flex;
    align-items: center;
}

/* Listed one by one rather than matched on the class prefix: the box used to be
   reserved for every label, so any fact without an icon of its own - "Hair Coat",
   "Color", anything an editor adds - rendered a blank 1.125rem gap. */
.adoptionFacts__label--weight::after,
.adoptionFacts__label--age::after,
.adoptionFacts__label--gender::after,
.adoptionFacts__label--breed::after,
.adoptionFacts__label--bonded-pair-id::after,
.icon--tags p::after,
.icon--share p::after {
    margin-left: .5rem;
    content: "";
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .7;
}

.adoptionFacts__label--weight::after {
    background-image: url("../../../../icons/icon-weight.svg");
}

.adoptionFacts__label--age::after {
    background-image: url("../../../../icons/icon-age.svg");
}

.adoptionFacts__label--gender::after {
    background-image: url("../../../../icons/icon-gender.svg");
    width: 1.5rem;
}

.adoptionFacts__label--breed::after {
    background-image: url("../../../../icons/icon-breed.svg");
    background-position: center 2px;
}

.adoptionFacts__label--bonded-pair-id::after {
    background-image: url("../../../../icons/icon-bonded.svg");
    background-size: contain;
    background-position: center;
    height: 1rem;
}

.icon--tags p::after {
    background-image: url("../../../../icons/icon-tags.svg");
    height: 1.25rem;
}

.icon--share p::after {
    background-image: url("../../../../icons/icon-share.svg");
    width: 1rem;
}

.adoptionFacts__value {
    margin-top: 0.75rem;
    margin-bottom: 2rem;
    font-size: 32px;
    font-style: normal;
    line-height: var(--wp--preset--spacing--50, 24px);
}

/** Adoption Facts Tags **/
.adoptionFacts__tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.adoptionFacts__tags .elementor-post-info__terms-list-item {
    padding: .25rem 1rem;
    white-space: nowrap;
    color: var(--e-global-color-text);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2rem;
}

@media (min-width: 900px) {
    .adoptionFacts__div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}