/* FESKY Caribbean shared navigation — clean responsive build */
.fc-global-header,
.fc-global-header *{box-sizing:border-box}

.fc-global-header{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  height:94px!important;
  margin:0!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #d8e4ec!important;
  box-shadow:0 8px 28px rgba(17,46,78,.07)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  overflow:visible!important;
  font-family:Manrope,Arial,sans-serif!important;
}

.fc-global-shell{
  width:min(1180px,calc(100% - 40px))!important;
  height:100%!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}

.fc-global-brand{
  flex:0 0 205px!important;
  display:flex!important;
  align-items:center!important;
  height:74px!important;
  text-decoration:none!important;
}

.fc-global-brand img{
  display:block!important;
  width:205px!important;
  height:72px!important;
  max-width:205px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.fc-mobile-toggle{
  display:none!important;
  width:44px!important;
  height:44px!important;
  padding:10px!important;
  border:0!important;
  border-radius:13px!important;
  background:#eef7fa!important;
  cursor:pointer!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}

.fc-mobile-toggle span{
  display:block!important;
  width:23px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#183752!important;
  transition:transform .2s ease,opacity .2s ease!important;
}

.fc-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.fc-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.fc-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

.fc-global-nav{
  flex:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.fc-global-link,
.fc-global-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#213753!important;
  font:700 13px/1 Manrope,Arial,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

.fc-global-link:hover,
.fc-global-trigger:hover,
.fc-global-link.is-active,
.fc-global-trigger.is-active{
  color:#087cab!important;
  background:linear-gradient(135deg,#edf8fc,#edf7f8)!important;
}

.fc-global-link.is-active,
.fc-global-trigger.is-active{
  box-shadow:inset 0 -2px 0 #1599c7!important;
}

.fc-global-group{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}

.fc-global-dropdown{
  position:absolute!important;
  top:calc(100% + 14px)!important;
  left:50%!important;
  width:330px!important;
  padding:10px!important;
  border:1px solid #c6d9e5!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 24px 60px rgba(10,43,75,.17)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,10px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  z-index:10001!important;
}

.fc-global-group:hover>.fc-global-dropdown,
.fc-global-group:focus-within>.fc-global-dropdown,
.fc-global-group.fc-open>.fc-global-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}

.fc-global-dropdown a{
  display:block!important;
  width:100%!important;
  padding:13px 15px!important;
  border-radius:13px!important;
  color:#17314e!important;
  background:transparent!important;
  text-decoration:none!important;
}

.fc-global-dropdown a:hover{background:#f0f8fb!important}
.fc-global-dropdown strong{
  display:block!important;
  color:#17314e!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.fc-global-dropdown small{
  display:block!important;
  margin-top:4px!important;
  color:#6c8298!important;
  font-size:11px!important;
  line-height:1.4!important;
}

.fc-global-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 21px!important;
  margin-left:8px!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#147bb3,#389bd5)!important;
  box-shadow:0 12px 28px rgba(0,116,174,.2)!important;
  font:800 13px/1 Manrope,Arial,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

@media(max-width:940px){
  /* On mobile the nav becomes a fixed full-screen overlay that is a child of
     the header. A backdrop-filter (or any filter/transform) on an ancestor makes
     that ancestor the containing block for fixed descendants, which would trap the
     overlay inside the 72px header and collapse it. Drop the filter here so the
     overlay is positioned against the viewport and fills the screen. */
  .fc-global-header{
    height:72px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(255,255,255,.99)!important;
  }
  .fc-global-shell{
    width:100%!important;
    padding:0 16px!important;
    gap:12px!important;
  }
  .fc-global-brand{
    flex:0 1 auto!important;
    height:56px!important;
  }
  .fc-global-brand img{
    width:145px!important;
    height:52px!important;
    max-width:145px!important;
  }
  .fc-mobile-toggle{
    display:flex!important;
    flex:0 0 44px!important;
  }

  /* Closed mobile menu must be completely absent from layout. */
  .fc-global-nav{
    display:none!important;
    position:fixed!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(100dvh - 72px)!important;
    max-height:calc(100dvh - 72px)!important;
    padding:14px 16px calc(24px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    background:rgba(255,255,255,.99)!important;
    border-top:1px solid #d8e4ec!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:10000!important;
  }

  .fc-global-nav.fc-menu-open{display:flex!important}

  .fc-global-link,
  .fc-global-trigger{
    width:100%!important;
    min-height:50px!important;
    padding:0 14px!important;
    justify-content:flex-start!important;
    border-radius:13px!important;
    font-size:14px!important;
    box-shadow:none!important;
  }

  .fc-global-link.is-active,
  .fc-global-trigger.is-active{
    color:#087cab!important;
    background:#eef8fb!important;
    box-shadow:inset 3px 0 0 #1599c7!important;
  }

  .fc-global-group{
    display:block!important;
    width:100%!important;
  }

  /* Desktop hover must never expose mobile dropdown content. */
  .fc-global-dropdown,
  .fc-global-group:hover>.fc-global-dropdown,
  .fc-global-group:focus-within>.fc-global-dropdown{
    display:none!important;
    position:static!important;
    width:100%!important;
    margin:5px 0 8px!important;
    padding:6px!important;
    border:1px solid #e0ebf1!important;
    border-radius:15px!important;
    background:#f7fbfd!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .fc-global-group.fc-open>.fc-global-dropdown{display:block!important}

  .fc-global-dropdown a{
    display:block!important;
    padding:12px 13px!important;
    color:#17314e!important;
    background:transparent!important;
  }

  .fc-global-dropdown strong{color:#17314e!important}
  .fc-global-dropdown small{color:#6c8298!important}

  .fc-global-cta{
    width:100%!important;
    min-height:52px!important;
    margin:10px 0 0!important;
  }

  body.fc-menu-lock{overflow:hidden!important}
}