/* =============================================================
   AYA Custom Code — Do Not Delete
   AYA Navigation — Global CSS v1.0
   Paste into: Zoho Sites → Customization → Code → Custom CSS
   Built by Rae of Sunshine Consulting
   ============================================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600;700&family=Alex+Brush&display=swap');

/* Hide Zoho native nav — replaced by AYA custom nav */
.zs-navbar,
.zs-header-area,
.zs-nav-container {
  display: none !important;
}

/* AYA Color Variables */
.aya-nav {
  --aya-dark-oak:  #3D2B1F;
  --aya-moss:      #5F6E34;
  --aya-apricot:   #F8B024;
  --aya-yellow:    #FFEC6D;
  --aya-page-bg:   #EDE3D2;
  --aya-mocca:     #84593D;
  --aya-primary:   #2D4A3E;
}

/* Base nav */
.aya-nav {
  background: var(--aya-page-bg);
  border-bottom: 1px solid rgba(61,43,31,0.12);
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Jost', sans-serif;
}

.aya-nav *, .aya-nav *::before, .aya-nav *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Inner container */
.aya-nav-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 40px;
  gap: 32px;
}

/* Logo */
.aya-nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.aya-nav-logo-img img {
  height: 44px;
  width: auto;
  display: block;
}

.aya-nav-logo-text {
  display: flex;
  flex-direction: column;
}

.aya-nav-logo-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--aya-dark-oak);
  letter-spacing: 3px;
  line-height: 1;
  display: block;
}

.aya-nav-logo-sub {
  font-family: 'Jost', sans-serif;
  font-size: 8px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--aya-mocca);
  margin-top: 5px;
  font-weight: 500;
  display: block;
  white-space: nowrap;
}

/* Desktop nav links */
.aya-nav-links {
  display: flex;
  align-items: center;
  gap: 36px;
  list-style: none;
  flex: 1;
  justify-content: center;
}

.aya-nav-links a {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--aya-dark-oak);
  text-decoration: none;
  position: relative;
  padding-bottom: 4px;
  transition: color 0.2s ease;
}

.aya-nav-links a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--aya-apricot);
  transition: width 0.25s ease;
}

.aya-nav-links a:hover { color: var(--aya-moss); }
.aya-nav-links a:hover::after { width: 100%; }
.aya-nav-links a.aya-active { color: var(--aya-moss); }
.aya-nav-links a.aya-active::after { width: 100%; }

/* Buttons */
.aya-nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.aya-btn-login {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--aya-page-bg);
  background: var(--aya-primary);
  border: none;
  padding: 10px 22px;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.2s ease, transform 0.15s ease;
  white-space: nowrap;
  display: inline-block;
}

.aya-btn-login:hover {
  background: var(--aya-moss);
  transform: translateY(-1px);
}

.aya-btn-join {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--aya-dark-oak);
  background: var(--aya-apricot);
  border: none;
  padding: 10px 22px;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.2s ease, transform 0.15s ease;
  white-space: nowrap;
  display: inline-block;
}

.aya-btn-join:hover {
  background: var(--aya-yellow);
  transform: translateY(-1px);
}

/* Hamburger */
.aya-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  margin-left: auto;
}

.aya-hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--aya-dark-oak);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.aya-hamburger.aya-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.aya-hamburger.aya-open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.aya-hamburger.aya-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile dropdown */
.aya-mobile-menu {
  display: none;
  flex-direction: column;
  background: var(--aya-page-bg);
  border-top: 1px solid rgba(61,43,31,0.10);
  padding: 28px 32px 32px;
  gap: 24px;
}

.aya-mobile-menu.aya-open { display: flex; }

.aya-mobile-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.aya-mobile-links a {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--aya-dark-oak);
  text-decoration: none;
}

.aya-mobile-links a.aya-active { color: var(--aya-moss); }

.aya-mobile-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aya-mobile-actions .aya-btn-login,
.aya-mobile-actions .aya-btn-join {
  width: 100%;
  text-align: center;
  padding: 13px;
  font-size: 12px;
}

/* Responsive */
@media (max-width: 768px) {
  .aya-nav-inner { padding: 14px 20px; }
  .aya-nav-links, .aya-nav-actions { display: none; }
  .aya-hamburger { display: flex; }
}