/* Fanadiquna — المفضلة الذكية: القلب، زر الهيدر، الإشعار. Scoped, loaded on hotel pages only. */
.fqwl-heart{--wl-h:#E0313F;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;margin:0;cursor:pointer;font:inherit;line-height:1;color:#0B3D52;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.fqwl-ic{width:20px;height:20px;flex:none;fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;transition:fill .2s,stroke .2s}
.fqwl-heart.is-on .fqwl-ic{fill:var(--wl-h);stroke:var(--wl-h)}
.fqwl-heart:active{transform:scale(.9)}
.fqwl-heart:focus-visible,.fqwl-hdr:focus-visible{outline:3px solid #19A5B6;outline-offset:2px}
.fqwl-heart .fqwl-ht{white-space:nowrap}
/* overlay on card photos */
.fq3 .fqr-card,.fq3 .gcard{position:relative}
.fqwl-heart--ov{position:absolute;top:12px;inset-inline-end:12px;z-index:4;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.95);color:#16242C;box-shadow:0 4px 14px rgba(11,61,82,.2)}
.fqwl-heart--ov .fqwl-ic{width:21px;height:21px}
.fqwl-heart--ov .fqwl-ht{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (hover:hover){.fqwl-heart--ov:hover{transform:scale(1.08);color:var(--wl-h)}}
/* pill under a hotel H1 */
.fqwl-single{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.fqwl-heart--pill{min-height:44px;padding:0 18px 0 16px;border-radius:999px;background:#fff;border:1.5px solid #E3EBEE;font-weight:700;font-size:14.5px;box-shadow:0 2px 8px rgba(11,61,82,.06)}
.fqwl-heart--pill:hover{border-color:#F3B6BC;color:#B5212D}
.fqwl-heart--pill.is-on{background:#FDEDEF;border-color:#F6C6CB;color:#B5212D}
.fqwl-hint{font-size:13px;color:#5B6B75}
/* compact, inside hotel cards of a roundup guide */
.fq3 .hc-head .fqwl-heart--sm{margin-inline-start:auto}
.fqwl-heart--sm{flex:none;min-height:40px;padding:0 14px 0 12px;border-radius:999px;background:#fff;border:1.5px solid #E3EBEE;font-size:13.5px;font-weight:700}
.fqwl-heart--sm:hover{border-color:#F3B6BC;color:#B5212D}
.fqwl-heart--sm.is-on{background:#FDEDEF;border-color:#F6C6CB;color:#B5212D}
@media (max-width:600px){
	.fqwl-heart--sm{width:42px;height:42px;min-height:0;padding:0}
	.fqwl-heart--sm .fqwl-ht{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.fqwl-hint{display:none}
}
/* save animation */
.fqwl-heart.pop .fqwl-ic{animation:fqwlPop .5s cubic-bezier(.2,.9,.3,1.5)}
.fqwl-heart.pop::after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid var(--wl-h);opacity:0;pointer-events:none;animation:fqwlRing .6s ease-out}
@keyframes fqwlPop{0%{transform:scale(1)}30%{transform:scale(.75)}60%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes fqwlRing{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.45)}}
/* header button + counter */
.fq3 .hdr .fqwl-hdr{position:relative;text-decoration:none;gap:6px;color:#0B3D52}
.fq3 .hdr .fqwl-hdr .fqwl-ic{width:21px;height:21px}
.fq3 .hdr .fqwl-hdr.has .fqwl-ic{fill:#E0313F;stroke:#E0313F}
.fq3 .hdr .fqwl-hdr[aria-current="page"]{border-color:#F6C6CB;background:#FDEDEF}
.fqwl-hdr-l{display:none}
.fqwl-badge{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#E0313F;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff;font-family:inherit}
.fqwl-badge[hidden]{display:none}
.fqwl-badge.bump{animation:fqwlPop .5s cubic-bezier(.2,.9,.3,1.5)}
@media (min-width:1240px){
	.fq3 .hdr .fqwl-hdr{width:auto;padding:0 14px}
	.fqwl-hdr-l{display:inline;font-size:14px;font-weight:600}
}
/* toast */
.fqwl-toast{position:fixed;z-index:99990;inset-inline:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:460px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#0A2E45;color:#fff;direction:rtl;font:600 14px/1.55 "Fanadiquna Alexandria",system-ui,sans-serif;box-shadow:0 18px 44px rgba(6,30,42,.32);transform:translateY(160%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;pointer-events:none}
.fqwl-toast.on{transform:none;opacity:1;pointer-events:auto}
.fqwl-toast .ti{flex:none;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.fqwl-toast .ti svg{width:19px;height:19px;fill:#FF6B78}
.fqwl-toast .tm{flex:1;min-width:0}
.fqwl-toast .ta{flex:none;background:rgba(255,255,255,.12);border:0;border-radius:10px;color:#A8EEF5!important;font:inherit;font-size:13.5px;padding:8px 12px;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.fqwl-toast .ta:hover{background:rgba(255,255,255,.2)}
@media (max-width:600px){.fqwl-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
body.fqwl-cmp-on .fqwl-toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){
	.fqwl-heart,.fqwl-toast{transition:none}
	.fqwl-heart.pop .fqwl-ic,.fqwl-heart.pop::after,.fqwl-badge.bump{animation:none}
}