/* TourismFavouritesTool — anonymous favourites (heart) for PublicPortal Tourism.
   Linked by Views/Shared/Components/TourismFavouritesTool/Default.cshtml (InfoTool pattern).
   The .tourism-fav-btn styles also dress the heart the HOST page renders inside the
   landmark info popup/sheet. */

.tourism-fav-btn {
    background: none;
    border: 0;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 1.1em;
    vertical-align: middle;
    line-height: 1;
}

.tourism-fav-btn i {
    color: #adb5bd;
}

.tourism-fav-btn:hover i {
    color: #d9534f;
}

.tourism-fav-btn.is-favourite i {
    color: #d9534f;
}

.tourism-fav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tourism-fav-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px; /* touch target on mobile */
    padding: 4px 2px;
    border-bottom: 1px solid #e4eaec;
}

/* The separator (hr) below the list is the single line under the last item — without this the
   last item's own border sits right above it and reads as a double line. */
.tourism-fav-item:last-child {
    border-bottom: 0;
}

.tourism-fav-item-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tourism-fav-item-name {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tourism-fav-visit-label {
    margin: 0;
    padding: 6px;
    display: flex;
    align-items: center;
}

.tourism-fav-item .btn-link {
    padding: 6px 8px;
}

.tourism-fav-item .btn-link[disabled] i {
    color: #ced4da;
}

/* "Show selected on map": the theme's light primary (#5d9cec) gave its white label 2.9:1. The same darker blue
   as the start page's install button clears 4.5:1 (5.4:1); hover and press darken it a step further. */
#tourismfavouritestool-show-selected {
    background-color: #12719f;
    border-color: #12719f;
    color: #ffffff;
}

#tourismfavouritestool-show-selected:hover,
#tourismfavouritestool-show-selected:focus {
    background-color: #0f6189;
    border-color: #0f6189;
    color: #ffffff;
}

#tourismfavouritestool-show-selected:active {
    background-color: #0d5677;
    border-color: #0d5677;
}