/**
 * United Earth — Off-Canvas Settings
 * ---------------------------------
 * Scope: GeneratePress off-canvas (slideout) menu
 *
 * Contents:
 * 1) Menu separator lines (via Custom Link + class `menu-separator`)
 * 2) Consistent horizontal padding for off-canvas menu items
 * 3) Close button ("X") padding (restores known-good selector)
 */


/* ============================================================
 * 1) Separator lines in off-canvas menu
 *    Usage: Custom Link menu item with CSS class `menu-separator`
 * ============================================================ */

#generate-slideout-menu .slideout-menu .menu-separator a {
  display: block;
  pointer-events: none;
  cursor: default;
  text-align: left;

  border-bottom: 1px solid #000; /* Adjust if needed */

  height: 0;
  color: transparent;
  font-size: 0;

  padding: 0;
}


/* ============================================================
 * 2) Off-canvas menu item padding
 * ============================================================ */

#generate-slideout-menu .slideout-menu li > a,
#generate-slideout-menu .slideout-menu li > button {
  padding-left: 10px;
  padding-right: 10px;
}


/* ============================================================
 * 3) Close button ("X") padding — restored known-good selector
 *    (Your original working rule was: .slideout-navigation button.slideout-exit)
 * ============================================================ */

#generate-slideout-menu .slideout-navigation button.slideout-exit {
  padding-left: 10px !important;
  padding-right: 10px;
}

/* Optional fallback if GP renders the exit as a link on some setups */
#generate-slideout-menu .slideout-navigation a.slideout-exit {
  padding-left: 10px !important;
  padding-right: 10px;
}

/* ============================================================
 * 4) Close button ("X") alignment in off-canvas (final)
 *    Robust targeting, but single offset mechanism (padding only)
 * ============================================================ */

#generate-slideout-menu .slideout-exit,
#generate-slideout-menu button.slideout-exit,
#generate-slideout-menu a.slideout-exit,
#generate-slideout-menu .slideout-navigation .slideout-exit,
#generate-slideout-menu .slideout-menu .slideout-exit {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}