/* IMSFRANE · Refined favorites system, Demo only
   Compact premium hearts with subtle ivory surface, green outlines, and accessible click targets across cards and the member dashboard. */
.ims-fav-target{position:relative!important}
button.ims-fav-heart,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart{
  -webkit-appearance:none!important;appearance:none!important;
  position:absolute!important;z-index:28!important;
  inset-block-start:9px!important;inset-inline-end:9px!important;
  top:auto;right:auto;left:auto;bottom:auto;
  display:grid!important;place-items:center!important;
  width:29px!important;height:29px!important;
  min-width:29px!important;min-height:29px!important;
  padding:0!important;margin:0!important;
  border:1px solid rgba(239,224,217,.94)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#2e5059!important;
  box-shadow:0 3px 11px rgba(8,28,33,.16)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer;
  line-height:1!important;
  font-size:0!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
  -webkit-tap-highlight-color:transparent;
}
button.ims-fav-heart:after,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart:after{
  content:"";position:absolute;inset:-8px;border-radius:50%;
}
button.ims-fav-heart:hover,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart:hover{
  transform:translateY(-1px)!important;
  border-color:#c46a45!important;
  box-shadow:0 5px 16px rgba(8,28,33,.21)!important;
}
button.ims-fav-heart[aria-pressed="true"],
.ims-dash-home-visual.hp-home button.ims-original-fav-heart[aria-pressed="true"]{
  background:#19414b!important;
  color:#995035!important;
  border-color:#d99274!important;
  box-shadow:0 3px 13px rgba(11,37,43,.26)!important;
}
button.ims-fav-heart .ims-heart-svg,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart .ims-heart-svg{
  width:15px!important;height:15px!important;display:block;
  stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
  fill:none;pointer-events:none;
  transition:fill .18s ease,transform .18s ease;
}
button.ims-fav-heart[aria-pressed="true"] .ims-heart-svg,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart[aria-pressed="true"] .ims-heart-svg{
  fill:#db977a;stroke:#db977a;
}
button.ims-fav-heart:active .ims-heart-svg,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart:active .ims-heart-svg{
  transform:scale(.86);
}
button.ims-fav-heart:focus-visible,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart:focus-visible,
button.ims-fav-detail:focus-visible{outline:3px solid #c46a45!important;outline-offset:3px!important}
button.ims-fav-heart:disabled,
.ims-dash-home-visual.hp-home button.ims-original-fav-heart:disabled{opacity:.55;cursor:wait}

/* Compact add/remove action on individual activity pages. */
button.ims-fav-detail{
  appearance:none;-webkit-appearance:none;
  display:inline-flex!important;
  justify-content:center!important;align-items:center!important;
  gap:8px!important;
  margin:12px 0!important;padding:9px 14px!important;
  border:1px solid #d8d2c8!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#254c56!important;
  box-shadow:0 4px 13px rgba(15,37,43,.08)!important;
  cursor:pointer;font-size:12px!important;font-weight:750!important;
  line-height:1.4!important;
  text-align:center;
  transition:background .2s ease,border-color .2s ease!important;
}
button.ims-fav-detail:hover{border-color:#c46a45!important;background:#f6f1e8!important}
button.ims-fav-detail[aria-pressed="true"]{background:#f3f0e9!important;color:#163a43!important;border-color:#c46a45!important}
button.ims-fav-detail .ims-heart-svg{
  width:17px!important;height:17px!important;
  stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;
}
button.ims-fav-detail[aria-pressed="true"] .ims-heart-svg{fill:#c46a45;stroke:#a94f30}
.ims-heart-label{font:inherit}
html[lang="ar"] button.ims-fav-detail{font-family:var(--ar-text,"Imsfrane Tajawal",Tahoma,Arial,sans-serif)!important}

/* Kayak detail has a dark hero: keep this control legible beside the booking actions. */
.ky-hero-actions button.ims-fav-detail{margin:0!important;align-self:center;background:rgba(255,255,255,.95)!important}

@media(max-width:620px){
  button.ims-fav-heart,
  .ims-dash-home-visual.hp-home button.ims-original-fav-heart{
    inset-block-start:7px!important;inset-inline-end:7px!important;
    width:27px!important;height:27px!important;
    min-width:27px!important;min-height:27px!important;
  }
  button.ims-fav-heart .ims-heart-svg,
  .ims-dash-home-visual.hp-home button.ims-original-fav-heart .ims-heart-svg{width:14px!important;height:14px!important}
  button.ims-fav-detail{font-size:11px!important;padding:9px 12px!important}
}
@media(prefers-reduced-motion:reduce){
 button.ims-fav-heart,
 .ims-dash-home-visual.hp-home button.ims-original-fav-heart,
 button.ims-fav-detail,
 .ims-heart-svg{transition:none!important}
}