/*
 Theme Name: WPResidence Child
 Template: wpresidence
 Description: Keep desktop default header, add robust overlay menu for mobile
 Author: Linier Creativa
 Version: 2.1
*/

/* Style submenu di overlay */
.overlay-menu-list li.menu-item-has-children > a {
  display: inline-block;
  margin-right: 8px;
}
.overlay-menu-list .submenu-toggle {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.overlay-menu-list li.menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease;
}
.overlay-menu-list li.menu-item-has-children.open > .sub-menu {
  max-height: 500px; /* cukup besar agar isi terlihat */
}

/* Spasi & ukuran submenu */
.overlay-menu-list .sub-menu a {
  font-size: 20px;
  opacity: .9;
}



/* Parent item + caret */
.overlay-menu-list li.menu-item-has-children > a {
  display: inline-block;
  margin-right: 8px;
}
.overlay-menu-list .submenu-toggle {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform .2s ease;
  vertical-align: middle;
}

/* Submenu tersembunyi default */
.overlay-menu-list li.menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease;
  padding-left: 0;
  margin-top: 6px;
}

/* Saat open: tampilkan submenu + putar caret */
.overlay-menu-list li.menu-item-has-children.open > .sub-menu {
  max-height: 600px; /* nilai besar agar muat item */
}
.overlay-menu-list li.menu-item-has-children.open > .submenu-toggle {
  transform: rotate(180deg);
}

/* Style item submenu */
.overlay-menu-list .sub-menu li {
  margin: 10px 0;
}
.overlay-menu-list .sub-menu a {
  font-size: 20px;
  opacity: .95;
  display: inline-block;
  padding-left: 14px; /* indent */
  border-left: 2px solid rgba(255,255,255,.25);
}