/* Colors of the Emmerich theme (bootstrap "primary" is the red accent, headings use the light blue) */
.pq-distributor {
    --pq-distributor-accent: #46aae8;
    --pq-distributor-dark: #013859;
}

/* Filter */
.pq-distributor__filter-field {
    position: relative;
    width: 20rem;
    max-width: 100%;
}

/* globe icon inside the dropdown */
.pq-distributor__filter-field .pq-distributor__icon {
    position: absolute;
    top: 50%;
    left: .875rem;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.pq-distributor__filter-select {
    padding-left: 2.625rem;
    border-color: var(--pq-distributor-accent);
}

.pq-distributor__filter-select:focus {
    border-color: var(--pq-distributor-accent);
    box-shadow: 0 0 0 .25rem rgba(70, 170, 232, .25);
}

/* Cards */
.pq-distributor__card {
    border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, .1));
    border-radius: var(--bs-border-radius-lg, .5rem);
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .04);
    transition: box-shadow .2s ease-in-out;
}

.pq-distributor__card:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
}

.pq-distributor__card .card-header {
    padding: 1rem 1.25rem .75rem;
    background-color: transparent;
    border-bottom: 3px solid var(--pq-distributor-accent);
}

.pq-distributor__card .card-body {
    padding: 1.25rem;
}

.pq-distributor__country {
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.25;
    color: var(--pq-distributor-accent);
}

/* Distributor inside a card */
.pq-distributor__item + .pq-distributor__item {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, .1));
}

.pq-distributor__company {
    margin-bottom: .375rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--pq-distributor-dark);
}

.pq-distributor__address {
    margin-bottom: .75rem;
    font-style: normal;
    color: var(--bs-secondary-color, #6c757d);
}

.pq-distributor__contact {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pq-distributor__contact li {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    margin-bottom: .3rem;
}

.pq-distributor__contact a {
    overflow-wrap: anywhere;
}

.pq-distributor__icon {
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    margin-top: .2em;
    color: var(--pq-distributor-accent);
}

.pq-distributor__additional {
    margin-top: .75rem;
    font-size: .875em;
    color: var(--bs-secondary-color, #6c757d);
}

.pq-distributor__additional p:last-child {
    margin-bottom: 0;
}