/* TYC Wishlist — client-side (localStorage) charter shortlist */

/* The Wishlist icon sits above any card link overlay and is clickable */
.tyc-fav,
.elementor-element-8ba5b5f{position:relative;z-index:20;cursor:pointer}
.tyc-fav .elementor-icon,
.elementor-element-8ba5b5f .elementor-icon{cursor:pointer}
.tyc-fav svg,
.elementor-element-8ba5b5f svg{transition:fill .15s ease,transform .15s ease}
.tyc-fav:active svg,
.elementor-element-8ba5b5f:active svg{transform:scale(.82)}

/* Saved state: red fill (override freely in your own CSS). The JS also swaps
   a bookmark glyph to its solid variant so it reads as filled. */
.tyc-fav.is-saved svg,
.tyc-fav.is-saved svg path,
.elementor-element-8ba5b5f.is-saved svg,
.elementor-element-8ba5b5f.is-saved svg path{fill:#BDD6E6 !important}

/* Optional header count badge: show wrapper only when there are items */
.tyc-wishlist-count-wrap{display:none}
.tyc-wishlist-count-wrap.tyc-has-items{display:inline-flex}

/* My Wishlist page grid (2 columns, 1 on mobile) */
.tyc-wishlist-root,
#tyc-wishlist-root{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}
@media(max-width:767px){.tyc-wishlist-root,#tyc-wishlist-root{grid-template-columns:1fr}}
.tyc-wishlist-root .e-loop-item,
#tyc-wishlist-root .e-loop-item{width:100%;max-width:100%}
/* empty/loading messages span the full grid width */
.tyc-wl-empty,.tyc-wl-loading{grid-column:1 / -1}

/* YATCO brokerage section: 2-column grid to match the other sections */
.tyc-wishlist-root[data-type="yatco"]{display:block}
.tyc-wishlist-root[data-type="yatco"] .tyc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}
@media(max-width:767px){.tyc-wishlist-root[data-type="yatco"] .tyc-grid{grid-template-columns:1fr}}

/* YATCO brokerage cards: injected save button (absolute, over the card link) */
.tyc-card-wrap{position:relative}
.tyc-fav-yatco{position:absolute;top:12px;right:12px;z-index:5;background:transparent;border:0;padding:6px;line-height:0;cursor:pointer;width:34px;height:34px}
.tyc-fav-yatco svg{width:20px;height:20px;fill:#BDD6E6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.tyc-wl-empty{padding:48px 16px;text-align:center;font-size:18px;opacity:.7}
.tyc-wl-loading{padding:48px 16px;text-align:center;opacity:.6}