/*
Theme Name:  Elevate York Signature Child
Theme URI:   https://wgyorkpa.com
Description: Child theme for Elevate York Signature v6. Add custom CSS overrides here — parent theme handles all core styles. Safe for updates.
Author:      Gulph Creek Hotels
Author URI:  https://gulphcreekhotels.com
Template:    elevate-york-signature
Version:     6.0.0
License:     Private / All Rights Reserved
Text Domain: elevate-york-child
*/

/* ════════════════════════════════════════════
   DROPDOWN NAVIGATION — NESTED SUBMENUS
════════════════════════════════════════════ */

.eys-nav li {
  position: relative;
}

.eys-nav li ul.sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: #fff;
  min-width: 230px;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(26,51,80,.14), 0 0 0 1px rgba(26,51,80,.07);
  padding: .45rem 0;
  z-index: 500;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}

.eys-nav li ul.sub-menu ul.sub-menu {
  top: -0.45rem;
  left: 100%;
}

.eys-nav li:hover > ul.sub-menu,
.eys-nav li:focus-within > ul.sub-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

.eys-nav ul.sub-menu a {
  display: block;
  padding: .55rem 1.15rem;
  font-size: .72rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--navy-mid);
  white-space: nowrap;
  transition: color .15s, background .15s;
}

.eys-nav ul.sub-menu a::after {
  display: none !important;
}

.eys-nav ul.sub-menu a:hover,
.eys-nav ul.sub-menu a:focus {
  color: var(--green);
  background: rgba(79,170,64,.05);
}

.eys-nav li:has(> ul.sub-menu) > a {
  display: inline-flex;
  align-items: center;
  gap: .22rem;
}

.eys-nav li:has(> ul.sub-menu) > a::after {
  content: '';
  display: inline-block;
  width: 0; height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid currentColor;
  margin-left: .18rem;
  flex-shrink: 0;
  position: static;
  background: none;
  transform: none;
  transition: transform .2s ease;
}

.eys-nav li:has(> ul.sub-menu):hover > a::after,
.eys-nav li:has(> ul.sub-menu):focus-within > a::after {
  transform: rotate(180deg);
}

.eys-nav ul.sub-menu li:has(> ul.sub-menu) > a::after {
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 4px solid currentColor;
  border-right: 0;
  transform: none;
}

.eys-nav li ul.sub-menu::before {
  content: '';
  display: block;
  height: 2px;
  background: var(--green);
  border-radius: 2px 2px 0 0;
  margin-bottom: .3rem;
}

/* ════════════════════════════════════════════
   MOBILE (≤960px)
════════════════════════════════════════════ */

@media (max-width: 960px) {

  .eys-nav li ul.sub-menu {
    display: none !important;
  }

  #eys-mobile-nav .sub-menu {
    display: none;
    padding-left: 1rem;
    border-left: 2px solid rgba(79,170,64,.25);
    margin: 0 .5rem .25rem .5rem;
  }

  #eys-mobile-nav .sub-menu.open {
    display: block;
  }

  #eys-mobile-nav .sub-menu a {
    display: block;
    padding: .5rem .5rem;
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--navy-mid);
    border-bottom: 1px solid rgba(26,51,80,.04);
    transition: color .15s;
  }

  #eys-mobile-nav .sub-menu a:hover {
    color: var(--green);
  }

  #eys-mobile-nav .sub-menu .sub-menu {
    padding-left: .85rem;
    border-left: 2px solid rgba(79,170,64,.12);
    margin-left: .5rem;
  }

  #eys-mobile-nav .eys-mobile-expand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; height: 28px;
    background: rgba(26,51,80,.06);
    border: none; border-radius: 4px;
    color: var(--navy); cursor: pointer;
    font-size: .75rem; line-height: 1;
    float: right; margin-top: 2px;
    transition: background .15s, transform .2s;
  }

  #eys-mobile-nav .eys-mobile-expand.open {
    transform: rotate(180deg);
    background: rgba(79,170,64,.12);
    color: var(--green);
  }

  #eys-mobile-nav li::after {
    content: '';
    display: table;
    clear: both;
  }
}

/* ════════════════════════════════════════════
   ADD YOUR CUSTOM CSS OVERRIDES BELOW
════════════════════════════════════════════ */
/* ════════════════════════════════════════════
   DROPDOWN — REACHABLE (bridge the gap)
════════════════════════════════════════════ */

/* Invisible bridge so mouse can travel from nav item to dropdown */
.eys-nav li::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8px; /* matches the 4px gap + a little extra */
}

/* Keep dropdown open while hovering the bridge */
.eys-nav li:hover > ul.sub-menu {
  display: block;
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* ════════════════════════════════════════════
   HEADER — TRANSPARENT WITH BLUR
════════════════════════════════════════════ */

/* Slightly transparent nav bar */
.eys-nav-bar-wrap {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* Goes fully opaque once scrolled */
.eys-header.scrolled .eys-nav-bar-wrap {
  background: rgba(255,255,255,.97) !important;
}

/* ════════════════════════════════════════════
   HERO — PUSH DOWN TO CLEAR FIXED HEADER
════════════════════════════════════════════ */

/* The combined topbar + nav bar is ~88px tall.
   Hero content starts below it. */
.eys-hero-content {
  padding-top: 10rem !important;
}

/* On mobile the header is shorter */
@media (max-width: 960px) {
  .eys-hero-content {
    padding-top: 8rem !important;
  }
}
/* ════════════════════════════════════════════
   LOGO SIZE
════════════════════════════════════════════ */

.eys-brand img,
.eys-brand .custom-logo {
  max-height: 48px !important;
  width: auto !important;
}

/* Tighten the brand area overall */
.eys-brand {
  max-width: 180px;
}