/* BeePay - modernizacion del detalle de una Lista de Deseos (wishlists/{id}):
   banner de compartir, tarjeta con la lista/mapa de propiedades, y vista de
   edicion. Solo visual, no se toca logica de Angular/jQuery. */

/* Banner "Compartir 'X' con amigos" */
.wishlist-detail .social-share-alert {
    border-radius: 16px;
    border: none;
    background-color: #fff3d9;
    color: var(--bp-midnight-black, #2d2925);
}

.wishlist-detail .social-share-alert h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.wishlist-detail .social-share-alert .share-btn {
    color: var(--bp-midnight-black, #2d2925);
    transition: color .15s ease;
}

.wishlist-detail .social-share-alert .share-btn:hover {
    color: var(--bp-amber-gold);
}

/* Tarjeta principal */
.wishlist-detail .wishlist-homes.card {
    border: 1px solid var(--bp-silver-grey, #dbdbdb);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(45, 41, 37, .08);
}

.wishlist-detail .wishlist-homes .card-header.tabs-header {
    background: #fff;
    border-bottom: 1px solid var(--bp-silver-grey, #dbdbdb);
    border-radius: 20px 20px 0 0;
}

.wishlist-detail .tabs-header .tab-btn {
    border-radius: 999px;
    padding: 8px 18px;
    font-weight: 600;
    transition: background-color .15s ease, color .15s ease;
}

.wishlist-detail .tabs-header .tab-btn.btn-secondary {
    background-color: var(--bp-amber-gold);
    color: #fff;
}

/* Cabecera: avatar + nombre + contador + editar, toggle lista/mapa */
.wishlist-detail .wishlist-header-text a.theme-link {
    color: var(--bp-midnight-black, #2d2925);
    font-weight: 700;
}

.wishlist-detail .wishlist-header-text > div a.theme-link {
    color: var(--bp-amber-gold);
    font-weight: 600;
}

.wishlist-detail .view-btn-group {
    border: 1px solid var(--bp-silver-grey, #dbdbdb);
    border-radius: 999px;
    padding: 4px;
    display: inline-flex;
}

.wishlist-detail .view-btn-group .btn {
    border-radius: 999px !important;
    border: none;
    background: transparent;
    font-weight: 600;
    padding: 8px 18px;
    color: var(--bp-steel-grey, #7a7a7a);
    transition: background-color .15s ease, color .15s ease;
}

.wishlist-detail .view-btn-group .btn:disabled {
    background-color: var(--bp-amber-gold);
    color: #fff;
    opacity: 1;
}

.wishlist-detail .view-btn-group .btn:not(:disabled):hover {
    background-color: #fff3d9;
    color: var(--bp-midnight-black, #2d2925);
}

/* Scroll propio para la lista de propiedades/experiencias, mismo patron que
   .listing-scroll en /rooms (max-height + overflow-y:auto + overscroll-behavior
   para que no arrastre el scroll de toda la pagina al llegar al borde). */
.wishlist-detail .results-list {
    max-height: 620px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px;
}

/* Filas de la lista de propiedades/experiencias */
.wishlist-detail .results-list .listing {
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 8px;
    transition: background-color .15s ease;
}

.wishlist-detail .results-list .listing:hover {
    background-color: #fafafa;
}

.wishlist-detail .listing_slideshow_thumb_view {
    border-radius: 14px;
    overflow: hidden;
}

.wishlist-detail .wl-room-info h1 a,
.wishlist-detail .wl-room-info h2 a {
    font-weight: 700;
    color: var(--bp-midnight-black, #2d2925);
}

.wishlist-detail .wl-room-price .price-amount {
    color: var(--bp-midnight-black, #2d2925);
    font-weight: 700;
}

.wishlist-detail .note-container textarea {
    border-radius: 14px;
    border: 1px solid var(--bp-silver-grey, #dbdbdb);
    padding: 10px 14px;
    width: 100%;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.wishlist-detail .note-container textarea:focus {
    border-color: var(--bp-amber-gold);
    box-shadow: 0 0 0 3px rgba(255, 183, 0, .15);
    outline: none;
}

.wishlist-detail .btn.add-note {
    border-radius: 999px;
    background: var(--bp-amber-gold);
    color: #fff;
    border: none;
    font-weight: 600;
    padding: 8px 20px;
    transition: background-color .15s ease;
}

.wishlist-detail .btn.add-note:hover {
    background: var(--bp-rust-orange, #d98c00);
}

.wishlist-detail .remove_listing_button {
    border-radius: 999px;
    font-weight: 600;
    color: #c0392b;
    transition: background-color .15s ease;
    padding: 6px 14px;
}

.wishlist-detail .remove_listing_button:hover {
    background-color: #fde9e9;
}

/* Vista de edicion */
.wishlist-detail .edit_view .card {
    border-radius: 20px;
    border: 1px solid var(--bp-silver-grey, #dbdbdb);
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(45, 41, 37, .08);
}

.wishlist-detail .edit_view .wishlist-bg-img {
    min-height: 220px;
    display: flex;
}

.wishlist-detail .edit_view .btn-guest {
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: var(--bp-midnight-black, #2d2925);
    font-weight: 600;
    pointer-events: none;
}

.wishlist-detail .edit_view #wish-list-name {
    border-radius: 999px;
    border: 1px solid var(--bp-silver-grey, #dbdbdb);
    padding: 8px 16px;
    width: 100%;
}

.wishlist-detail .edit_view .save {
    border-radius: 999px !important;
    background: var(--bp-amber-gold);
    border: none;
    font-weight: 600;
    padding: 10px 22px;
    transition: background-color .15s ease;
}

.wishlist-detail .edit_view .save:hover {
    background: var(--bp-rust-orange, #d98c00);
}

.wishlist-detail .edit_view .cancel {
    border-radius: 999px !important;
    font-weight: 600;
    padding: 10px 22px;
}

.wishlist-detail .edit_view .delete {
    color: #c0392b;
    font-weight: 600;
}

/* Modales: compartir y eliminar */
#share_wishlist-popup .modal-content,
#wishlist-delete_popup .modal-content {
    border-radius: 20px;
    overflow: hidden;
    border: none;
}

#share_wishlist-popup .btn.wishlist_share_submit,
#wishlist-delete_popup .btn-primary {
    border-radius: 999px !important;
    background: var(--bp-amber-gold);
    border: none;
    font-weight: 600;
    transition: background-color .15s ease;
}

#share_wishlist-popup .btn.wishlist_share_submit:hover,
#wishlist-delete_popup .btn-primary:hover {
    background: var(--bp-rust-orange, #d98c00);
}

#share_wishlist-popup .share_email_list {
    border-radius: 999px;
    padding: 8px 16px;
    width: 100%;
}